首页 > 其他 > 详细

BOM应用

时间:2014-04-18 14:59:46      阅读:580      评论:0      收藏:0      [点我收藏+]

1、window.close:

    正常:在ie浏览器(包括ie6)弹出对话框询问是否关闭当前窗口,可以正常实现关闭。

    正常:在chrome浏览器直接关闭当前窗口。

    没反应:在Firefox浏览器里面没有任何的反应。

解决方案:在前一个页面中用window.open()方法打开这个页面,然后在这个页面中close就可以关闭了。

2、window.open(url,location):URL是要打开的地址,location有参数_self,_blank

    window.open是有返回值的,返回的是新打开的那个窗口对象,它也是一个window对象。

    eg:var newWin=window.open("about:blank","_blank");

        newWin.document.write("aaa");

3、window.location:

    既可以获取当前地址,又可以赋值。

   应用一:在图片幻灯片中,每一个图片对应的地址最后有一个#p=1、2.....,以至于刷新页面的时候不会返回到幻灯片的一个,这个是window.location的应用。

4、scrollTop:

    兼容模式:var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

5、scrollTop、clientHeight、offsetHeight的小应用:

     例子:网页右边底下的小悬浮框。

     想法一:用定位position:fixed;right:0;bottom:0;

     结果记录:ie7以上版本正常,chrome正常,Firefox正常;ie6不兼容position:fixed;

     想法二:position:absolute;用window.onscroll和window.onresize方法结合scrollTop等来动态定位悬浮框的位置。

                top=document.documentElement.clientHeight-oDiv.offsetHeight+scrooTop+"px";

                注意:在窗口滚动或者改变大小的时候都得重新定位悬浮框的位置。

     结果记录:都兼容。

     遗留小问题:悬浮框抖动。

     解决方法:userAgent>IE6  用position:fixed.

                   IE6                    运动

      userAgent判断是ie6浏览器的方法:var browserName=navigator.userAgent.toLowerCase();    if((/msie 6.0/i.test(browserName)){alert("ie6");}

     有人用expression来兼容ie6,最好不要用这种方法,因为太消耗系统资源。

6、confirm();返回Boolean。

7、prompt("请输入姓名","blue")。返回字符串或者null;blue为默认的文字

 

            

 

BOM应用,布布扣,bubuko.com

BOM应用

原文:http://www.cnblogs.com/slltina/p/3671100.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!