js中浏览器对象模型BOM（Browser Object Model）与html(dom对象)

浏览器对象模型BOM

　　浏览器本身是一个窗体,所以它有一个windows对象.windows包含如下对象 
	navigator ：包含关于 Web 浏览器的信息。 
	history：包含了用户已浏览的 URL 的信息。 
	location：包含关于当前 URL 的信息。 
	document:代表给定浏览器窗口中的 HTML 文档。也就是我们的DOM对象。重点 

 

window中location对象：
　　

var str = window.location.href;//获取当前页面的URL
　　window.location.href = "www.baidu.com";//重定向到某一地址,window可以省略

window中history对象：

history.back();//页面跳回
history.go(-1);//History的go方法可以实现页面的跳转值为-1代表历史的倒数第一个页面，-2即倒数第二个页面，以此类推。0代表当前页面。

　window中常见方法：

window.alert("ww.baidu.com");//警告提示框
window.confirm("确认要删除吗?");// 提示是否删除，window可省略
window.close();//关闭当前打开页面

window.open（）方法：

window.open('page.html','_blank','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') 
　　参数解释： 
　　window.open 弹出新窗口的命令； 
　　'page.html' 弹出窗口的文件名； 
　　_blank弹出新窗口； 
　　height=100 窗口高度； 
　　width=400 窗口宽度； 
　　top=0 窗口距离屏幕上方的象素值； 
　　left=0 窗口距离屏幕左侧的象素值； 
　　toolbar=no 是否显示工具栏，yes为显示； 
　　menubar，scrollbars 表示菜单栏和滚动栏。 
　　Resizable=no 是否允许改变窗口大小，yes为允许； 
　　location=no 是否显示地址栏，yes为允许； 
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

 

HTML文档被dom解析成DOM树（document对象常用方法）

getElementById("id")通过该标签的id属性值来获取该标签节点对象
getElementsByName("username");//通过标签名称获取节点对象.但是标签很容易重复.所以返回的是一个节点数组. 
getElementsByTagName("input");//根据标签的名字获得元素对象数组

　　

 

　

 

　　

转载于:https://www.cnblogs.com/ljllove/p/9454878.html