{"id":242,"date":"2016-04-18T07:55:57","date_gmt":"2016-04-17T23:55:57","guid":{"rendered":"http:\/\/jerrydodo.com\/?p=242"},"modified":"2022-03-05T09:38:41","modified_gmt":"2022-03-05T01:38:41","slug":"%e7%a7%81%e6%97%a5%e8%ae%b025-2016%e5%b9%b44%e6%9c%8818%e5%8f%b7","status":"publish","type":"post","link":"https:\/\/jerrydodo.com\/?p=242","title":{"rendered":"\u79c1\u65e5\u8bb0(25)-2016\u5e744\u670818\u53f7"},"content":{"rendered":"

\u5173\u4e8eJS\u5bf9\u4e8eIE\u4e0eCHROME\u4e0eFF \u7684\u517c\u5bb9\u6027\u5b9e\u9a8c\u3002(\u63d0\u8981\uff0cJS\u4e0eCSS\u5728IE8\u4ee5\u4e0b\u7684\u7248\u672c\u53caFF\u51fa\u73b0\u7684\u9875\u9762BUG\u4f17\u591a\uff0c\u7136\u800c\u5728WIN10\u7684EDGE\u4e0b\u53c8\u5f97\u5230\u5404\u9879\u4fee\u590d\uff0c\u53ef\u80fd\u7ef4\u62a4\u56e2\u961f\u4e0d\u540c\u3002\u4ee5\u53ca\uff0c\u56fd\u5185\u5382\u5546\u7684\u6d4f\u89c8\u5668\u54c1\u724c\u4e0d\u5c11\uff0c\u4f8b\u5982360\uff0c\u641c\u72d7\uff0cQQ\u7b49\u6d4f\u89c8\u5668\u3002\u8fd9\u7c7b\u6d4f\u89c8\u5668\u90fd\u57fa\u4e8eCHROME\u5185\u6838\uff0c\u800cCHROME\u5bf9JS\u517c\u5bb9\u786e\u5b9e\u4e0d\u9519\uff0c\u7279\u522b\u662f\u6700\u65b0\u768451.0\u6d4b\u8bd5\u7248\uff0c\u9875\u9762\u7279\u6548\u53ca\u6253\u5f00\u54cd\u5e94\u65f6\u95f4\u5404\u9879TUNING\u3002\u7136\u800cIE\u5728\u56fd\u5185\u5e02\u573a\u7684\u5360\u6709\u7387\u4e0d\u4f4e\uff0c\u4e0b\u6587\u8ba8\u8bbaJS\u6d4f\u89c8\u5668\u7684\u517c\u5bb9\u6027\u603b\u7ed3\u53ca\u5e38\u7528\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u5206\u6790\u3002)<\/p>\n

 <\/p>\n

 <\/p>\n

    \n
  1. children\u4e0echildNodes<\/li>\n<\/ol>\n

     <\/p>\n

    IE\u63d0\u4f9b\u7684children\u3001childNodes\u548cfirefox\u4e0b\u7684childNodes\u7684\u884c\u4e3a\u662f\u6709\u533a\u522b\u7684\uff0cfirefox\u4e0bchildNodes\u4f1a\u628a\u6362\u884c\u548c\u7a7a\u767d\u5b57\u7b26\u90fd\u7b97\u4f5c\u7236\u8282\u70b9\u7684\u5b50\u8282\u70b9\uff0c\u800cIE\u7684childNodes\u548cchildren\u4e0d\u4f1a\u3002\u6bd4\u5982\uff1a<\/p>\n

     <\/p>\n

    <div id=”dd”><\/p>\n

    <div>yizhu2000<\/div><\/p>\n

    <\/div><\/p>\n

     <\/p>\n

    d\u4e3add\u7684div\u5728IE\u4e0b\u7528childNodes\u67e5\u770b\uff0c\u5176\u5b50\u8282\u70b9\u6570\u4e3a1\uff0c\u800cff\u4e0b\u4e3a\u4e09\uff0c\u6211\u4eec\u53ef\u4ee5\u4ecefirefox\u7684dom\u67e5\u770b\u5668\u91cc\u9762\u770b\u5230\u4ed6\u7684childNodes\u4e3a[“\\n “, div, “\\n”]\u3002<\/p>\n

     <\/p>\n

     <\/p>\n

    \u8981\u5728firefox\u4e0b\u6a21\u62dfchildren\u7684\u5c5e\u6027\u6211\u4eec\u53ef\u4ee5\u8fd9\u6837\u505a\uff1a<\/p>\n

     <\/p>\n

    if (typeof(HTMLElement) != “undefined” && !window.opera) {<\/p>\n

    HTMLElement.prototype.__defineGetter__(“children”, function() {<\/p>\n

    for (var a = [], j = 0, n, i = 0; i < this.childNodes.length; i++) {<\/p>\n

    n = this.childNodes[i];<\/p>\n

    if (n.nodeType == 1) {<\/p>\n

    a[j++] = n;<\/p>\n

    if (n.name) {<\/p>\n

    if (!a[n.name])<\/p>\n

    a[n.name] = [];<\/p>\n

    a[n.name][a[n.name].length] = n;<\/p>\n

    }<\/p>\n

    if (n.id)<\/p>\n

    a[n.id] = n;<\/p>\n

    }<\/p>\n

    }<\/p>\n

    return a;<\/p>\n

    });<\/p>\n

    }<\/p>\n

     <\/p>\n

      \n
    1. firefox\u548cie\u7684\u4e8b\u4ef6<\/li>\n<\/ol>\n

       <\/p>\n

      window.event\u53ea\u80fd\u5728IE\u4e0b\u4f7f\u7528\uff0c\u800c\u4e0d\u80fd\u7528\u5728Firefox\u4e0b\uff0c\u8fd9\u662f\u56e0\u4e3aFirefox\u7684event\u53ea\u80fd\u5728\u4e8b\u4ef6\u53d1\u751f\u7684\u73b0\u573a\u4f7f\u7528\u3002 Firefox\u5fc5\u987b\u4ece\u6e90\u5904\u52a0\u5165event\u4f5c\u53c2\u6570\u4f20\u9012\u3002IE\u5ffd\u7565\u8be5\u53c2\u6570\uff0c\u7528window.event\u6765\u8bfb\u53d6\u8be5event\u3002<\/p>\n

       <\/p>\n

      \u6bd4\u65b9\u8bf4\u4e0b\u9762\u8fd9\u4e2a\u5728ie\u4e0b\u83b7\u5f97\u9f20\u6807\u4f4d\u7f6e\u7684\u65b9\u6cd5\uff1a<\/p>\n

       <\/p>\n

      <button onclick=”onClick()” >\u83b7\u5f97\u9f20\u6807\u70b9\u51fb\u6a2a\u5750\u6807<\/button><\/p>\n

      <script type=”text\/javascript”><\/p>\n

      function onclick(){<\/p>\n

      alert(event.clientX);<\/p>\n

      }<\/p>\n

      <\/script><\/p>\n

       <\/p>\n

      \u9700\u8981\u6539\u6210<\/p>\n

       <\/p>\n

      <button onclick=”onClick(event)”>\u83b7\u5f97OuterHTML<\/button><\/p>\n

      <script type=”text\/javascript”><\/p>\n

      function onclick(event){<\/p>\n

      event = event || window.event;<\/p>\n

      alert(event.clientX);<\/p>\n

      }<\/p>\n

      <\/script><\/p>\n

       <\/p>\n

      \u624d\u80fd\u5728\u4e24\u79cd\u6d4f\u89c8\u5668\u4e0b\u4f7f\u7528<\/p>\n

       <\/p>\n

      3.HTML\u5bf9\u8c61\u83b7\u53d6\u95ee\u9898<\/p>\n

       <\/p>\n

      FireFox\u83b7\u53d6\u65b9\u5f0fdocument.getElementById(“idName”)<\/p>\n

       <\/p>\n

      ie\u4f7f\u7528document.idname\u6216\u8005document.getElementById(“idName”)<\/p>\n

       <\/p>\n

      \u89e3\u51b3\u529e\u6cd5\uff1a\u7edf\u4e00\u4f7f\u7528document.getElementById(“idName”);<\/p>\n

       <\/p>\n

        \n
      1. const\u95ee\u9898<\/li>\n<\/ol>\n

         <\/p>\n

        \u5728Firefox\u4e0b\uff0c\u53ef\u4ee5\u4f7f\u7528const\u5173\u952e\u5b57\u6216var\u5173\u952e\u5b57\u6765\u5b9a\u4e49\u5e38\u91cf\uff1b<\/p>\n

         <\/p>\n

        IE\u4e0b\uff0c\u53ea\u80fd\u4f7f\u7528var\u5173\u952e\u5b57\u6765\u5b9a\u4e49\u5e38\u91cf\uff1b<\/p>\n

         <\/p>\n

        \u89e3\u51b3\u65b9\u6cd5\uff1a\u7edf\u4e00\u4f7f\u7528var\u5173\u952e\u5b57\u6765\u5b9a\u4e49\u5e38\u91cf\u3002<\/p>\n

         <\/p>\n

        5.frame\u95ee\u9898<\/p>\n

         <\/p>\n

        \u4ee5\u4e0b\u9762\u7684frame\u4e3a\u4f8b\uff1a<\/p>\n

         <\/p>\n

        <frame src=”xxx.html” id=”frameId” name=”frameName” \/><\/p>\n

         <\/p>\n

        a)\u8bbf\u95eeframe\u5bf9\u8c61<\/p>\n

         <\/p>\n

        IE\uff1a\u4f7f\u7528window.frameId\u6216\u8005window.frameName\u6765\u8bbf\u95ee\u8fd9\u4e2aframe\u5bf9\u8c61\uff0cframeId\u548cframeName\u53ef\u4ee5\u540c\u540d\uff1b<\/p>\n

         <\/p>\n

        Firefox\uff1a\u53ea\u80fd\u4f7f\u7528window.frameName\u6765\u8bbf\u95ee\u8fd9\u4e2aframe\u5bf9\u8c61\uff1b<\/p>\n

         <\/p>\n

        \u53e6\u5916\uff0c\u5728IE\u548cFirefox\u4e2d\u90fd\u53ef\u4ee5\u4f7f\u7528window.document.getElementById(“frameId”)\u6765\u8bbf\u95ee\u8fd9\u4e2aframe\u5bf9\u8c61\uff1b<\/p>\n

         <\/p>\n

          \n
        1. b) \u5207\u6362frame\u5185\u5bb9<\/li>\n<\/ol>\n

           <\/p>\n

          \u5728 IE\u548cFirefox\u4e2d\u90fd\u53ef\u4ee5\u4f7f\u7528<\/p>\n

           <\/p>\n

          window.document.getElementById(“testFrame”).src = “xxx.html”\u6216window.frameName.location = “xxx.html”<\/p>\n

           <\/p>\n

          \u6765\u5207\u6362frame\u7684\u5185\u5bb9\uff1b<\/p>\n

           <\/p>\n

          \u5982\u679c\u9700\u8981\u5c06frame\u4e2d\u7684\u53c2\u6570\u4f20\u56de\u7236\u7a97\u53e3\uff08\u6ce8\u610f\u4e0d\u662fopener\uff0c\u800c\u662fparent\uff09\uff0c\u53ef\u4ee5\u5728frame\u4e2d\u4f7f\u7528parent\u6765\u8bbf\u95ee\u7236\u7a97\u53e3\u3002\u4f8b\u5982\uff1a<\/p>\n

           <\/p>\n

          parent.document.form1.filename.value=”Aqing”;<\/p>\n

           <\/p>\n

           <\/p>\n

            \n
          1. body\u95ee\u9898<\/li>\n<\/ol>\n

             <\/p>\n

            Firefox\u7684body\u5728body\u6807\u7b7e\u6ca1\u6709\u88ab\u6d4f\u89c8\u5668\u5b8c\u5168\u8bfb\u5165\u4e4b\u524d\u5c31\u5b58\u5728\uff1b\u800cIE\u7684body\u5219\u5fc5\u987b\u5728body\u6807\u7b7e\u88ab\u6d4f\u89c8\u5668\u5b8c\u5168\u8bfb\u5165\u4e4b\u540e\u624d\u5b58\u5728\uff1b<\/p>\n

             <\/p>\n

              \n
            1. firefox\u4e0eIE\u7684\u7236\u5143\u7d20(parentElement)\u7684\u533a\u522b<\/li>\n<\/ol>\n

               <\/p>\n

              IE\uff1aobj.parentElement<\/p>\n

               <\/p>\n

               <\/p>\n

              firefox\uff1aobj.parentNode<\/p>\n

               <\/p>\n

              \u89e3\u51b3\u65b9\u6cd5\uff1a\u56e0\u4e3afirefox\u4e0eIE\u90fd\u652f\u6301DOM\uff0c\u56e0\u6b64\u5168\u90e8\u4f7f\u7528obj.parentNode<\/p>\n

               <\/p>\n

              8.innerText\u7684\u95ee\u9898<\/p>\n

               <\/p>\n

              innerText\u5728IE\u4e2d\u80fd\u6b63\u5e38\u5de5\u4f5c\uff0c\u4f46\u662finnerText\u5728FireFox\u4e2d\u5374\u4e0d\u884c\uff0c\u9700\u7528textContent\uff1b<\/p>\n

               <\/p>\n

              \u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>\n

               <\/p>\n

              if (navigator.appName.indexOf(“Explorer”) > -1) {<\/p>\n

              document.getElementById(‘element’).innerText = “my text”;<\/p>\n

              } else {<\/p>\n

              document.getElementById(‘element’).textContent = “my text”;<\/p>\n

              }<\/p>\n

               <\/p>\n

              9.AJAX\u83b7\u53d6XMLHTTP\u7684\u533a\u522b<\/p>\n

               <\/p>\n

              var xmlhttp;<\/p>\n

              if (window.XMLHttpRequest) {<\/p>\n

              xmlhttp = new XMLHttpRequest();<\/p>\n

              } elseif (window.ActiveXObject) { \/\/ IE\u7684\u83b7\u53d6\u65b9\u5f0f<\/p>\n

              xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”);<\/p>\n

              }<\/p>\n

               <\/p>\n

              \u6ce8\u610f\uff1a\u5728IE\u4e2d\uff0cxmlhttp.send(content)\u65b9\u6cd5\u7684content\u53ef\u4ee5\u4e3a\u7a7a\uff0c\u800cfirefox\u5219\u4e0d\u80fd\u4e3anull\uff0c\u5e94\u8be5\u7528send(“”)\uff0c\u5426\u5219\u4f1a\u51fa\u73b0411\u9519\u8bef\u3002<\/p>\n

               <\/p>\n

              By JerryDodo<\/p>\n","protected":false},"excerpt":{"rendered":"

              \u5173\u4e8eJS\u5bf9\u4e8eIE\u4e0eCHROME\u4e0eFF \u7684\u517c\u5bb9\u6027\u5b9e\u9a8c\u3002(\u63d0\u8981\uff0cJS\u4e0eCSS\u5728IE8\u4ee5\u4e0b\u7684\u7248\u672c\u53caFF\u51fa\u73b0\u7684\u9875\u9762BU […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-242","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/jerrydodo.com\/index.php?rest_route=\/wp\/v2\/posts\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jerrydodo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jerrydodo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jerrydodo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jerrydodo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=242"}],"version-history":[{"count":0,"href":"https:\/\/jerrydodo.com\/index.php?rest_route=\/wp\/v2\/posts\/242\/revisions"}],"wp:attachment":[{"href":"https:\/\/jerrydodo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jerrydodo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jerrydodo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}