zoukankan      html  css  js  c++  java
  • JS BOM

    1.window对象

      (1)open("url地址","_black或_self","新窗口的大小")

        如果url为空,则默认打开一个空白页面

        如果打开的方式为空,默认为新窗口方式打开

        返回值:返回新打开的窗口的window对象

      (2)close()关闭当前的网页

        注意该方法在不同的浏览器下表现不一样

        谷歌浏览器直接关闭
        火狐下没效果
        Ie下先弹出弹窗
        如果窗口是通过open()方法打开的,在任何浏览器下都能关闭窗口

    var Btn=document.getElementsByTagName("input");
    var opener=null;
    Btn[0].onclick=function(){
    	opener=window.open();
    //	window.open("https://www.baidu.com/","_black");
    }
    Btn[1].onclick=function(){
    	/*
    	 * 1.ff:默认无法关闭
    	 * 2.chrome:默认直接关闭
    	 * 3.ie:询问用户是否关闭窗口
    	 */
        //	window.close();
        
        //关闭在本页面通过js方式新打开的窗口
        opener.close();
    		
    }  
    

      

    2.常用属性

      (1)window.navigator.userAgent ->浏览器信息

      (2)window.location ->浏览器地址信息

        window.location.href ->url

        window.location.search ->url问号后面的内容

        window.location.hash ->url#后面的内容

    //判断浏览器
    if (window.navigator.userAgent.indexOf('MSIE')!=-1) {
    	alert("我是ie");
    } else{
    	alert('我不是ie');
    }
    

      

    3.窗口的尺寸与大小

      (1)可视区尺寸

        document.documentElement.clientWidth;

        document.documentElement.clientHeight;

      (2)滚动距离 

        document.body.scrollTop/scrollLeft

        document.documentElement.scrollTop/scrollLeft

      (3)内容高度

        document.body.scrollHeight

      (4)文档高度

        document.documentElement.offsetHeight

        document.body.offsetHeight

    //滚动距离兼容性处理
    var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
    var scrollLeft=document.body.scrollLeft||document.documentElement.scrollLeft;
    var offsetHeight=document.documentElement.offsetHeight||document.body.offsetHeight
    

      

    4.两个窗口事件

      (1)onscroll:当滚动条滚动的时候触发

      (2)onresize:当窗口大小发生改变的时候触发

  • 相关阅读:
    啥叫ORM
    git reset --hard HEAD^ 在cmd中执行报错
    windows下生成文件目录树
    批量解决win10图标上有两个蓝色箭头的方法
    Sublime Text 3 安装包
    Sublime Text 3 部分安装过程记录
    sense8影评摘抄
    如何取消chrome的自动翻译
    把本地仓库同步到github上去
    关于PDF阅读器
  • 原文地址:https://www.cnblogs.com/yangxue72/p/8125320.html
Copyright © 2011-2022 走看看