ウェブ

한국어 English 日本語 简体中文 繁體中文
By Gi Pyeong Lee
Web Location ウェブ merge jquery addEventListener

こんにちは。

今後、ウェブフロントエンドの学習中に経験したことや、解決した方法を書き留めておこうと思います。

テスト環境はie8、chrome、safariです。


CSS : Bootstrap


ie8 : あまり綺麗に適用されません > 直接cssを作成して適用させました。

chrome : Good

Safari : Good



JS : addEventListener


ie8 : 動作しません。以下のように処理しました。ie8ではattachEventを通じて処理します。


if(document.getElementById("btn_login").addEventListener)

document.getElementById("btn_login").addEventListener("click",function(){

window.location.href = "main.html";

});

else

document.getElementById("btn_login").attachEvent("onclick",function(){

window.location.href = "main.html";

});


chrome : Good

Safari : Good



JQUERY : $.merge(arr1,arr2)


JQUERYのmergeを通じて配列を結合する場合、arr1、arr2の順序によってデータが変わるという不思議な経験をしました。

注意しなければ... ㅡ,.ㅡ... ;;

これのせいでデータマッピングに一日を費やしました... はぁ....

助けてください。


Javascriptによるページ遷移関連

parent.location.href = "url"

現在のフレームのすぐ上の階層のパスを該当urlに設定 ( ページ遷移される )

top.location.href = "url"

最も外側に位置するdocumentのlocationパスを該当urlに設定 ( ページ遷移される )

opener.location.href = "url"

現在のフレームを開いたdocumentのlocationパスを該当urlに設定 ( ページ遷移される )


JQUERYでページ遷移後、特定のcssやjavascriptをonloadさせたい場合 

<div data-role = "page">
    <style> ... </style> or <script> ... </script>
</div>

上記の例のように、該当divの中にカスタマイズしたスクリプトやスタイルコードを挿入します。





AD