Question

js文件在同一个页面重复调用问题

在同一个页面中怎么多次调用相同的js，js是以外部调用的，这个该怎么弄，求拯救！！！

Answer 1

<div id="msg"></div>
<script>
num = 0;

num++;
document.getElementById("id").innerHTML+="这是第"+num+"次加载";
</script>
上面这段代码只能加载一次

但是如过将需要反复调用的代码段放入一个方法中

<div id="msg"></div>〈input type="button" onClick = "test()"〉
<script>
num = 0;
function test(){
num++;
document.getElementById("id").innerHTML+="这是第"+num+"次加载";
}
</script>
这样就做到了反复加载，与C或java中的函数是一样的

但是我们发现这样一来，在页面加载的时候就没有了第一行
那么把最上面的那段代码等价写成这样

<div id="msg"></div>〈input type="button" onClick = "test()"〉
<script>
num = 0;
window.onload = function(){test();}
function test(){
num++;
document.getElementById("id").innerHTML+="这是第"+num+"次加载";
}
</script>
这样就好了

Answer 2

改成插件的形式，往里面传值就可以了~之前我也遇到过这样的问题，后来改成了传值运行就可以在一个页面多次调用一个效果了~

Answer 3

外部js文件是在网页文档加载前或加载完成后载入的，载入后脚本就可以运行了，不需要重复调用外部js文件

追问

有一个问题 我做单个js调用的滚动点击效果是正常，我想在其他地方也添加这个js效果，但是再复制同样的css样式只有一个有效果，而复制的没有滚动点击效果，

我怀疑是这个的问题：

sliderArticl.onload();
但是没明白这个是什么意思！求大侠帮忙！

追答

onload()是一种事件类型，意思是sliderArticl这个js文件完全加载完成后触发的事件。这个在每个前端页面只能运行一次，因为js文件只载入一次。
我不知道你这个js文件是什么样的，但如果是插件的话一般不会这么调用的，应该把它封装在函数中通过参数(arguments)传递你的div id或者别的identifier，这样能够在页面多次使用一个插件

追问

看是那么回事，但是我不知道怎么弄，没怎么接触这些，刚接触好痛苦啊，你能不能加下我的扣扣：我吧详细的案例发你看下，希望你能帮帮忙，9-7-3-4-5-6-5-3-4，先谢谢先！

Answer 4

在外部文件中写一个类，就是一个FUNCTION

比如

function myfun(a,b){
    var ocar = new Object;
    ocar.a= a;
    ocar.b= b;
    ocar.showColor = function(){
        document.write(this.a)
    }
}

然后在外部加入该文件

document.write("<script language='javascript' src='myfun.js'></script>")
var fun = new myfun("aa","bb")

任意文件都可以引用

Answer 5

同一个jS在一个页面只引用一次就行了