非常に良いIEとFireFoxのjsとcssのいくつかの異なる点について
2545 ワード
青い色の上でこの文章を見て、作者の総括の悪くないを感じて、少なくとも一部の私自身も本当に認識したことがありません。これら ものは確かによく総括するべきで、残念ながら私のこの人は比較的に怠惰で、収集はここで整理して、自分で勉強するのに便利です!1.firefoxはinnerTextをサポートできません。firefoxはinnerHTMLをサポートしていますが、innerTextはサポートされていません。textContentはinnerTextを実現しますが、デフォルトでは余分なスペースも残しています。textContentを使わないなら、文字列にHTMLコードが含まれていなければ、inners HTMLで代替できます。2.ウェブページの内容を選ぶことが禁止されています。IEでは、一般的にjs:obj.onselectstart=function(){return}を使っています。 false;firefox用CSS:-moz-user-select:none 3.フィルタのサポート(例:透明フィルタ):IE:filter:alpha(opacity=10);firefox:-moz-opacity:10;4.捕獲イベント:IE:obj.set Capture() 、obj.release Capture()Firefox: document.addEvent Listener(「mousemove」、mouseove function、true);document.removeEventListener(「mousemove」、mouseovefunction、true);5.マウスの位置を取得する:IE:event.client X、event.client Y firefox:イベント関数を必要とするイベントオブジェクトobj.onmousemove=function(ev){ X= ev.pageXY=ev.pageY}6.DIVなどの要素の境界問題:例えば、divのCSSを設定する:{width:100 px;height:100 pxborder:瑨000000 1 px ソロid;IEにおいて:divの幅(フレーム幅を含む):100 px、divの高さ(フレーム幅を含む):100 px。firefox:divの幅(フレーム幅を含む):102 px、divの高さ(フレーム幅を含む):102 px。この互換性のあるIEとfirefoxのドラッグ・ウィンドウを作るには、jsとcssの書き方に頭を働かせて、ブラウザのタイプを判断します。 isIE=document.all true:false私は変数を書きました。もしdocument.all文法をサポートするなら、isIE=true、さもなければ、isIE=false二。異なるブラウザの下のCSS処理:普通は使えます。impotantはcss文(firefoxサポートのみ)を優先的に使用します。例えば:{border-width:0 px!impotant;border-width:1 px;firefoxの下でこの元素は境界がないので、IEの下で枠の幅は1 px何か所かのXHTMLと正常な状態のJS、CSSの違いはホームページの先頭にこのコードをプラスしたのはいわゆるXHTML標準です。DOCTYPE html PUBLIC "-//W 3 C//DMD XHTML 1.0 Transitional/EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML標準のいくつかの違い:1.document.documentElement を選択します document.bodyコードにページのCSSを設定する時に必ず使います。 例えば、document.documentElement.style.overflow='hidden'overflow-X、overflow-Y この二つの座標属性XHTMLはサポートされていません。2.ウェブページのウィンドウエリアを取得する時とスクロールバーの変位距離を取得する時もdocument.documentElementを使用します。 つまりこの4つの属性(clientWidth、clientHeight、scrollLeft、scrollTop)は必ずdocument.documentElementを使います。 しかし、Dcument.body.apendChild()とDcument.body.removeChild()は使えます。そしてdocument.document.apendChild()とdocument.document Element.removeChild()の代わりに誤報します。まとめてみます。clientWidth、clientHeight、scrollLeft、scrollTopとdocument.document Element.styleの時だけdocument.document 3を使っています。この標準を加えると、IEのフレームの問題も変化しました。今はfirefoxと一致しています。これはXMLの利点ですか?height:100 pxborder:瑨000000 1 px ソロid;IEにおいて(通常の場合):divの幅(フレーム幅を含む):100 px、divの高さ(フレーム幅を含む):100 px。firefox(通常の場合):divの幅(フレーム幅を含む):102 px、divの高さ(フレーム幅を含む):102 px。XHTML標準を追加した後の(IEとfirefoxは打ちました。^u^):IE中(XHTML):divの幅(フレーム幅を含む):102 px、divの高さ(フレーム幅を含む):102 px。firefox(XHTML):divの幅(フレーム幅を含む):102 px、divの高さ(フレーム幅を含む):102 px。