美文网首页
DOM-BOM-EVENT(6)

DOM-BOM-EVENT(6)

作者: 螺钉课堂 | 来源:发表于2019-12-18 09:51 被阅读0次

6.BOM

#6.1.什么是BOM?

BOM(Browse Object Model),浏览器对象模型,没有相关标准,是约定俗成的东西,定义了一些操作浏览器的方法和属性,大部分方法都是通过window对象来调用的,window对象是浏览器端的最顶层的对象

#6.2.open方法

open方法可以用来打开一个新的窗口(页面)

var w =  open(页面url地址, 打开的方式)

注意:如果url为空,默认打开一个空白页面
     如果打开方式为空,默认为新窗口方式打开
返回值: 新打开窗口的window对象

window.open("http://nodeing.com")

window.open("http://nodeing.com", "_self")

打开新窗口后可以操作页面

var w = open()

w.document.body.style.backgroundColor = "#009f95"

#6.3.close方法

<button id="op">打开窗口</button>
<button id="cls">关闭</button>
<script>
    var opBtn = document.getElementById("op")
    var clsBtn = document.getElementById("cls")
    var w = null;
    opBtn.onclick = function(){
        w = open()
    }
    clsBtn.onclick = function(){
        w.close()
    }
</script>

#6.4.获取浏览器信息

alert(window.navigator.userAgent)

简单应用:

if(window.navigator.userAgent.index("MSIE") != -1){
    alert("当前是ie浏览器")
}else{
    alert("当前浏览器不是ie")
}

#6.5.地址栏信息

console.log(window.location)

地址栏地址

console.log(window.location.href)

查询字符串

console.log(window.location.search)

hash值

console.log(window.location.hash)

相关文章

  • DOM-BOM-EVENT(6)

    6.BOM #6.1.什么是BOM? BOM(Browse Object Model),浏览器对象模型,没有相关标...

  • DOM-BOM-EVENT(2)

    2.获取DOM元素的方法 #2.1.getElement系列 documentElementById 通过id获取...

  • DOM-BOM-EVENT(1)

    1.DOM简介 DOM(Document Object Model)即文档对象模型,是HTML和XML文档的编程接...

  • DOM-BOM-EVENT(3)

    3.Node常用属性 childNodes 获取所有子节点 children 获取所有子节点中的元素节点 firs...

  • DOM-BOM-EVENT(4)

    4.dom操作 createElement 创建一个元素 appendChild() 在最后添加一个子元素 ins...

  • DOM-BOM-EVENT(5)

    5.宽、高、位置相关 #5.1.clientX/clientY clientX和clientY表示鼠标在浏览器可视...

  • DOM-BOM-EVENT(7)

    7.事件深入 #7.1.事件捕获 事件流分为事件冒泡和事件捕获两种,事件冒泡指事件从里往外传播,而事件捕获刚好相反...

  • #知识体系精深营#六月+12次作业+第20组2小组+ynqj_a

    6-1 6-1 6-2 6-2 6-3 6-3 6-4 6-4 6-5 6-5 6-6 6-6 6-7 6-7 6...

  • 无标题文章

    1 2 2 3 5 6 6 6 6 6 6 8 3 6

  • 6+6=6

    【九洲芳文】 我不再记得安妮,这句话在一段时间内反复出现在我脑子里,侵蚀着我的神经,仿佛在强迫我遗忘记忆里某些很重...

网友评论

      本文标题:DOM-BOM-EVENT(6)

      本文链接:https://www.haomeiwen.com/subject/wwpynctx.html