zoukankan      html  css  js  c++  java
  • DOM-BOM-EVENT(6)

    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)
    

    螺钉课堂视频课程地址:http://edu.nodeing.com

  • 相关阅读:
    js window对象
    js 静态私有变量
    [WPF][ListBox]鼠标拖拽多选,(Shift Key、Ctrl Key多选有效)(转)
    GitLab关于SSH的使用
    Git命令--保存用户名和密码
    正则表达式
    WPF创建SignalR服务端(转)
    wpf学习之(IValueConverter)
    silverlight数据绑定模式TwoWay,OneWay,OneTime的研究
    WPF样式学习三
  • 原文地址:https://www.cnblogs.com/dadifeihong/p/12028216.html
Copyright © 2011-2022 走看看