BOM
- 原生对象:成为js中的内置对象,就是由 js 中的构造函数创建的对象就被称为原生对象:Object、Number、Array、Date、String。。。。
- 宿主对象:web运行环境,也就是windows操作系统和浏览器这些被称为宿主,有这些宿主提供的对象,就叫宿主对象。
- *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”)