javaScript操作BOM对象

Posted 2021-12-18 wang01

1、window对象浏览器对象模型是javascript的组成之一。提供了独立于内容与浏览器进行交互的对象。

2、BOM通常实现的功能弹出新的浏览器窗口移动、关闭浏览器以及调整窗口的大小在浏览器窗口中实现页面的前进和后退功能

3、BOM常用的属性window.属性名="属性值";例如： window.location="https://www.baidu.com";用来访问网页

4、BOM常用的方法close()   关闭浏览器open()    打开一个新的浏览器setTimerout()  在指定的毫秒内调用函数或计算表达式setInterval()  按照指定的时间内调用函数或表达式window.方法名();window是全局对象，window也可以省略。window.confirm("返回对话框");结果返回true就是确定按钮，结果返回false就是取消按钮例如：   var fa= window.confirm("确定要删除吗？")    if(fa=true)        alert("成功");    else        alert("失败");   

5、alert，prompt，confirm的区别alert是只有一个参数，就只显示对话框，没有返回值，prompt是有两个参数，是输入对话框，用来提示用户输入一些信息，有取消和确定按钮confirm是有一个参数，是确认对话框，显示对话框的消息，结果返回true就是确定按钮，结果返回false就是取消按钮close()关闭浏览器语法:window.close();open() 打开新的浏览器窗口window.open("弹出窗口的地址","窗口名称","窗口特征");

6、history和location对象history对象是实现浏览器中的“后退”功能history.back()后退按钮；history.forward()前进按钮；history.go(1)代表前进一页;history.go(-1)代表后退一页;location对象是实现浏览器中的“前进”功能location.reload()刷新;location.replace()用新的文档替换当前文档;location.host()返回主机名和当前URL的端口号；location.hostname设置或返回当前URL的主机名;location.href设置或返回完整的URL;

7、.doculement对象doculement对象是window的一部分，有代表整个html。doculement对象中的getElementByName()方法访问name属性例如:function  showinfo()     var s="";    var f=  document.getElementsByName("season");    for(var i=0;i<f.length;i++)       s +=f[i].value;      document.getElementById("tv-2").innerHTML=s;<h1 id="tv-2"> hhhhh </h1><input type="button" value="ffff" onclick="showinfo()" >doculement对象的getElementById()方法用于访问唯一性的元素function  show()     document.getElementById("tv-1").innerHTML="admin";<h1 id="tv-1"> hhhh</h1><input type="button" value="dddd" onclick="show()" >document对象的getElementTagname()方法用于访问相同标签的元素function  showinfoTag()    var s="";    var f=  document.getElementsByTagName("input");    for(var i=0;i<f.length;i++)       s +=f[i].value;      document.getElementById("tv-2").innerHTML=s;<h1 id="tv-2"> hhhh </h1><input type="button" value="ggggg" onclick="showinfoTag()" >

8、date()对象var  dd=new  date();