js中浏览器对象模型BOM(Browser|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 = "https://www.it610.com/article/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"); //根据标签的名字获得元素对象数组

【js中浏览器对象模型BOM(Browser|js中浏览器对象模型BOM(Browser Object Model)与html(dom对象)】




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

    推荐阅读