Question

请帮助我，我可以加载一个标记在HTML中的随机javascript文件吗？我知道这可以用css，但我想尝试使用javascript。或者至少显示javascript代码有时是有时没有。

例如，我有两个名为“1.js”和“2.js”的javascript文件。我如何标记每页加载一次？

Answer 1

此代码将在页面加载时随机加载JavaScript文件它将在JSFiles列表中随机选择一个文件，并将JS文件附加到 head 部分。

<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>

Answer 2

我会将JS文件合并到一个文件中。并创建一堆随机函数，并在加载文件时执行它们。

//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]();

在页面加载或刷新时加载随机js文件

2 个答案: