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在一个页面只引用一次就行了