zoukankan      html  css  js  c++  java
  • JS 浏览器差异(IE和FF)

    1.禁用div选择:
     $(dataid).bind("selectstart", function(){//IE禁用div选择
        return false;

    }
    $(dataid).css("-moz-user-select","none");//FF禁用div选择

    2.window.close()(测试通过window.open打开的窗口都可以关闭)

    firefox通过javascript:window.close()只能关闭点击链接或新打开的窗口,不能关闭地址栏输入打开的窗口;

    IE可以直接关闭

    3.事件源srcElement和target

    var element=e.target || e.srcElement;//e.srcElement为IE下,e.target为FF下 

    4.offset()

    在使用offset()方法时设置坐标时,在IE中最好先设置css的top,和left属性,不然会产生错误的坐标

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <script type="text/javascript" src="lib/jquery/jquery-1.4.2.js"></script>
      <title>Untitled Document</title>
      <script type="text/javascript">
       $(function()
       {
          $("#aa").offset({top:0,left:0});
        alert($("#aa").offset().top);//这里莫名其妙的成了92
        $("#aabc").click(function()
        {
         $("#aa").offset({top:0,left:0});
        })
       });
      </script>
      <style type="text/css">
       #bb
       {
        top:20px;
       }
       #aa
       {
        top:30px;//未设置属性,上面弹出-92,设置后为0,可见最好先设置top和left属性,不然会产生不料的效果
        position:absolute;
       }
      </style>
     </head>
     <body>
      <div style="height:60px;" id="bb" style="top:10px;"></div>
      <input type="button" value="test" id="aabc" />
      <!--模板HTML-->
      <div  id="aa" >
       aaaaaa</br>
       bbbbbb</br>
       cccccc</br>
      </div>
     </body>
    </html>

  • 相关阅读:
    Struts初探(二)
    struts2初探(一)
    css样式表设置
    css美化Div边框的样式实例
    CSS中background样式的repeat和no-repeat
    嘘,如何激活更新的win10
    学习向上转型和向下转型的一个好例子
    atom插件安装引发的nodejs和npm安装血案
    Java--Inheritance constructor继承中的构造方法问题(二)
    Java--Inheritance constructor继承中的构造方法问题(一)
  • 原文地址:https://www.cnblogs.com/fujinliang/p/2827426.html
Copyright © 2011-2022 走看看