BOM

‘’【】‘’【】BOM:(Browser Object Model)
BOM就是浏览器的对象模型
window对象:浏览器上打开的窗口。
window对象下的属性和方法

1.系统对话框
浏览器乐意通过调用系统对话框,向用户显示信息
系统提供了三个函数,可以完成系统对话框的操作

     alert()是window下的函数,window下的函数都可以省略window直接调用
    alert()  直接弹出警告框。参数:警告框上显示的内容

    confirm()
    弹出一个带确定和取消的警告框
    返回值:单击确定,返回true。单击取消,返回false
      confirm("请选择确定和取消");

    prompt()
    弹出一个带输入的提示框
    参数:第一个参数:要在提示框上显示的内容
          第二个参数:输入框内默认的值
    返回值:单击确定,返回输入的内容。单击取消,返回null
     prompt("请输入内容","3");

2.open()

 /*
    window.open()
    open()
    参数:
    1.要加载的URL
    2.窗口的名称或者窗口的目标
    3.一串具有特殊意义的字符串
    */

    window.onload = function() {
        var oBtn = document.getElementById("btn");
        oBtn.onclick = function() {
            //open("https://www.baidu.com");//如果只有一个参数的话,调用open方法会打开新窗口,加载url

            //open("https://www.baidu.com","百度");
            //第二个参数是给打开的新窗口起一个名字,然后以后再去加载url,就在这个已经起好名字的目标窗口加载url
            open("https://www.baidu.com","百度","width=400,height=400,top=200,left=200");
        }
    }
    </script>
</head>
<body>
    <input type="button" value="按钮" id="btn">
</body>
</html>

3.location对象
Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
url:统一资源定位符(相当于快递包上的一个地址)

属性
hash :锚点 网址中#后面的内容,实现页内跳转
host:浏览器的端口号 默认8080
补充:IP:通过IP,可以在全球范围内,找到我这台电脑所使用的网络的地址。
端口号:正在使用网络的软件,在当前电脑内的唯一标识。
IP:端口号,这是有这样的对应关系,qq的信息才不会到音乐中去,一一对应。
hostname:设置或返回当前 URL 的主机名。 主机名也称域名/IP
域名就是给IP起一个好记的名字
herf: 设置或返回完整的 URL
pathname: 设置或返回当前 URL 的路径部分。
port: 设置或返回当前 URL 的端口号。
protocol:设置或返回当前 URL 的协议
http:网络协议
file:本地文件协议
search 设置或返回从问号 (?) 开始的 URL(查询部分)。(查询字符串)

一个完整的URL:
protocol(协议):host(主机名):port(端口号)/pathname(路径)?查询字符串(search)#锚点(hash)
eg:http://www.baidu.com:8080/code/xxx.html?uesrname=xxx&age=18#1

方法
assign():跳转到指定的URL
reload():重载当前的URL
replace():用新的URL替换当前页面,可以避免产生跳转前的历史记录

4.history对象
history是window对象的属性,保存用户的上网记录
属性:
history.length :返回当前history对象中历史记录的条数
方法:
histoy.back():返回上一条历史记录,类似于后退
history.forward():前进到下一条历史记录,类似前进
history.go():0 重载当前页面
正数:前进对应数量的记录
负数:后退对应数量的记录

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值