BOW/DOM(上)

  • BOW/DOM(上)已关闭评论
  • 13 次浏览
  • A+
所属分类:Web前端
摘要

BOM   prompt():输入框语法:prompt(msg,defaultText)例:↓ 如果访问者点击”确定”,此方法返回true,否则返回false。

BOM

  1. 原生对象:成为js中的内置对象,就是由 js 中的构造函数创建的对象就被称为原生对象:Object、Number、Array、Date、String。。。。
  2. 宿主对象:web运行环境,也就是windows操作系统和浏览器这些被称为宿主,有这些宿主提供的对象,就叫宿主对象。
  3. *BOM:浏览器对象模型,专门用来操作浏览器中的功能使用
    在BOM中最顶层的对象就是window对象,window对象是浏览器中内置对象,里面包含了操作浏览器的方法和属性

    window中常用的方法和属性:
    innerHeight、innerWidth:专门用来设置浏览器窗口的尺寸,例:↓
     1 <p id="demo">显示窗口的高度和宽度(不包括工具栏和滚动条). .</p>  2 <button onclick="myFunction()">点我</button>  3 <script>  4 function myFunction(){  5     var w=window.innerWidth;  6     var h=window.innerHeight;  7     x=document.getElementById("demo");  8     x.innerHTML="Width: " + w + " Heigth: " + h;  9 } 10 </script>

       
     alert():弹出框
    定义和用法:alert() 方法用于显示带有一条指定消息和一个 确认 按钮的警告框。
    语法:alert(message)
    例:↓
     <script>
    function myFunction(){
        alert("你好,我是一个警告框!");
    }
    </script>

     

     prompt():输入框

    语法:prompt(msg,defaultText)

    msg 可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。
    defaultText 可选。默认的输入文本。

    例:↓

    var person=prompt("请输入你的名字","Harry Potter");

     

     confirm():确认框
    定义和用法:confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。

    如果访问者点击"确定",此方法返回true,否则返回false。

    语法:confirm(message)

    例:↓

     var r=confirm("按下按钮!");
    console.log(r)

     

     open(文件地址,窗口名称,窗口特征,是否替换):创建新窗口
     注:当前open方法中没有设置窗口名称时,一旦创建新窗口,浏览器会默认给每个新窗口设置一个不同的名称,这样就操作每次都创建一个新窗口;
     如果给新窗口设置了名称,那么每次创建的时候就回去浏览器中查找该窗口名称是否存在,如果存在,则直接拿来使用,如果不存在,则创建新窗口
     
     close():关闭窗口
     关闭当前窗口:window.close()
     关闭指定窗口:窗口名称.close()
     
    screenX、screenY和screenLeft、screenTop:获取当前窗口相对于屏幕的坐标
    例:↓
     //获取当前窗口相对于屏幕的坐标
            var x1=window.screenX
            var y1=window.screenY

            var x2=window.screenLeft
            var y2=window.screenTop
            console.log(x1,y1,x2,y2)

     
    location对象:专门用来操作浏览器的地址栏信息
         
     href:操作浏览器中的地址    例↓
                //获取浏览器中的地址
    var url1 = location.href
                console.log(url1)
                //设置跳转地址
                location.href = "./01.作业1.html"
                location = "./01.作业1.html"
                location.assign("./01.作业1.html")

     
         host:主机名和端口号
         hostname:主机名
         reload():重新加载当前页面   例:↓
     // 重新加载当前页面(刷新)
                location.reload()
     
     

         search():浏览器中的参数信息
         assgin():操作浏览器的地址 
    var url1 = location.href
                console.log(url1)
                // 设置跳转地址
                location.href = "./01.作业1.html"
                location = "./01.作业1.html"
                location.assign("./01.作业1.html")