2012年07月24日
スクリプトタグに引数を指定する
よく、以下のような構文を見ることがあります。
<script src="example.js?arg=value"></script>
普通に実行すると「arg=value」は無視されてしまいます。
それでは、どのように引数を拾っているのでしょうか?
これは、DOM 構築中であるところがポイントで、
そこまでに構築されている DOM の末尾が、この script タグになっています。
つまり、本スクリプト内で、以下を実行すると、自分自身の要素が返ってきます。
var elms = document.getElementsByTagName('script');
var elm = elms[elms.length - 1];
自分の要素を拾えたら、src 属性を見て、引数を自前で解析します。
解析には正規表現が便利でしょう。
var reg = /\w+.js\??(.*)/;
var prms = elm.src.match(reg);
// 結果確認用
alert(prms.join('|'));
{a8.net http://books.livedoor.com/item/1903118}
<script src="example.js?arg=value"></script>
普通に実行すると「arg=value」は無視されてしまいます。
それでは、どのように引数を拾っているのでしょうか?
これは、DOM 構築中であるところがポイントで、
そこまでに構築されている DOM の末尾が、この script タグになっています。
つまり、本スクリプト内で、以下を実行すると、自分自身の要素が返ってきます。
var elms = document.getElementsByTagName('script');
var elm = elms[elms.length - 1];
自分の要素を拾えたら、src 属性を見て、引数を自前で解析します。
解析には正規表現が便利でしょう。
var reg = /\w+.js\??(.*)/;
var prms = elm.src.match(reg);
// 結果確認用
alert(prms.join('|'));
{a8.net http://books.livedoor.com/item/1903118}
【このカテゴリーの最新記事】
-
no image
-
no image
-
no image
-
no image
-
no image
posted by FJT at 05:39| javascript