[B! JavaScript][script tag] yassのブックマーク

yass id:yass

JavaScriptとscript tagに関するyassのブックマーク (2)

読み込みのタイミングによっては外部 script のdocument.writeは無視される - はこべにっき ♨
外部サイトの事情やら歴史的経緯やらで、document.writeを直接行なうような、JavaScriptを<script src >を使って動的に読み込まなくてはいけないことがあります。この時、誤ってscript要素をappendChildしたりして非同期に読み込みすると、スクリプト内のdocument.writeが無視されることがあります。例えば以下の例のように、script要素をつくってappendChildすると、外部scriptは非同期に実行されます。この実行タイミングによっては、document.writeを実行しても何も起こらないように見えます。 https://gist.github.com/hakobe/5243675 これは、"HTML 構文解析器が HTML 文書の末尾まで来たタイミングより後で <script src> で指定されたスクリプト経由で実行されると、d
yass 2014/08/02
" 誤ってscript要素をappendChildしたりして非同期に読み込みすると、スクリプト内のdocument.writeが無視されることがあります。"

javascript

document.write

script tag
リンク
JavaScript ファイルに動的にパラメータを渡す方法
<script> var foo = "{$foo}"; var bar = "{$bar}"; </script> <script src="/js/hoge.js"></script> よくある簡単なパターンですが、最もメンテナンスがしにくいです（経験上）。良くないところは、・渡したいパラメータが JavaScript のグローバル変数になる。・記述する順番に気を付けなければならない。・JavaScript と PHP（Smarty）が分離できない。・script タグが２つあってカッコワルイ（超重要！！）。です。後述のパターン２～４を検討した方が良いです。
yass 2014/07/30
" HTML <script src="/js/hoge.js" id="hogejs" data-foo="{$foo}" data-bar="{$bar}"></script> JavaScript $('#hogejs').data('foo'); "

javascript

script tag

data attribute
リンク
1