BOM

作者: 哈哈哈哈哈啊啊啊 | 来源:发表于2017-10-13 16:27 被阅读0次

    一、 窗口位置

    screenLeft和screenTop属性,分别用于表示窗口相对于屏幕左边和上边的位置。
    IE,Opera,Chrome表示的是到页面可见区域的距离
    在火狐和Safari中,保存的是整个浏览器窗口相对于屏幕的坐标值。
    最终结果无法在跨浏览器的条件下取得窗口左边和上边的精确坐标值,而使用window.moveTo(0,0)将窗口移动到屏幕左上角,window.moveBy(0,100),将窗口向下移动100像素

    二、窗口大小

    取得页面视口的大小,window.innerwidth,window.innerHeight
    pagewidth = document.documentElement.clientWidth
    pageHeight=document.documentElement.clientHeight
    resizeTo()和resizeBy()可以调整浏览器窗口的大小

    三、间歇调用和超时调用

    setTimeout(function(){
    alert('haha')
    },1000),延时1秒执行方法,即超时调用
    var timer = setInterval(function(){
    })

    四、location对象

    location是一个很特别的对象,因为它既是window的对象,又是document的对象,location对象的用处不只表现在它保存着当前文档的信息,还表现在它将URL解析为独立的片段

    hash 返回URL中的hash(#号后跟零或多个字符)
    host 返回服务器名称和端口号
    hostname 返回不带端口号的服务器名称
    href 返回当前加载页面的完整URL
    pathname 返回URL中的目录和文件名
    port 返回URL中指定的端口号,如果URL中不包含端口号,则这个属性返回空字符串
    http 返回页面使用的协议
    ?q=javascript 返回URL的查询字符串

    4.1位置操作

    location.href()
    reload(),重新加载当前显示页面

    五、navigator对象

    appCodeName 浏览器的名称
    appMinorVersion 次版本信息
    appName 完整的浏览器信息
    appVersion 浏览器的版本
    buildID 浏览器编译版本
    cookieEnable 表示cookie是否启用
    language 浏览器的主语言
    platform 浏览器所在的系统平台

    六、screen对象

    colorDepth 用于表现颜色的位数
    left 当前屏幕距左边的像素距离
    height 屏幕的像素高度
    top 当前屏幕距上边的像素距离
    width 屏幕的像素宽度

    七、history对象

    go(), 可以在用户的历史记录中任意跳转
    back(),后退
    forward(),前进

    相关文章

      网友评论

          本文标题:BOM

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