‘’【】‘’【】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 重载当前页面
正数:前进对应数量的记录
负数:后退对应数量的记录