2016-04-12 3 views
0

HTMLでタグ付けされたランダムなjavascriptファイルをロードできますか?私はこれがCSSで可能だと知っていますが、私はjavascriptで試してみたいと思います。または少なくともjavascriptコードを表示することもあります。ランダムなjsファイルをロードまたはリフレッシュする

は例えば、私は"1.js""2.js"という名前の2つのJavaScriptファイルを持っています。 1ページに1つのタグをどのようにタグ付けできますか?

答えて

1

このコードは、ページが読み込まれたときにランダムにJavaScriptファイルを読み込みます。
リストJSFiles、
でランダムにファイルを選択し、JSファイルをヘッドセクションに追加します。

<html> 
<head> 
<title>Load Random JS file</title> 
</head> 
<script> 
var JSFiles = ['1.js','2.js']; // put all the possible JS files to load. 
function randomJS() { 
    // pick a random file from the list in JSFiles 
    var index = Math.floor(Math.random()*JSFiles.length); 

    // Append JS file to head section. 
    var script = document.createElement('script'); 
    script.src = JSFiles[index]; 
    document.getElementsByTagName('head')[0].appendChild(script); 
}; 
</script> 
<body onload="randomJS();"> 

</body> 
</html> 
0

JSファイルを1つのファイルに結合します。ランダムな関数をたくさん作成し、ファイルがロードされたときにそれらを実行します。

//random.js 
var array_of_random_function = [function(){ 
//do something 
}, 
function(){ 
//do something else 
}] 
//generate random number as per the length of the above array. 
var rand = Math.floor(Math.random()*array_of_random_function.length); 
array_of_random_function[i](); 
+0

質問は、ファイルを1つのファイルに結合する方法ではなく、ランダムファイル*を読み込むことに関するものです。 –

+1

真ですが、これはコードを管理してモジュール化しておくのに適しています。 –

+0

しかし、あなたはまだ**実際の質問に答えていません**。問題を解決する別の方法を提案する場合は、質問にコメントを追加します。あなたの答えは検索エンジンから来る人に見られ、これはあまり役に立ちません。 –

関連する問題