我想在同一页面不同位置多次调用同一JS，CSS样式不同。

Question

<script>
var refer=true;
function combo(id) {
if (refer) {
var divdisp=document.all.contents(id).style.visibility="visible";
refer=false;
}
else {
var divdisp=document.all.contents(id).style.visibility="hidden";
refer=true;
}
}
</script>
这是JS代码，怎么更改能让我多次调用同一JS，CSS样式不同。
在线等，着急。。。。。。

Answer 1

把所有的处理时间的程序代码封装到一个函数方法里。包括var refer=true;这一句变量赋值也要放进函数里。

然后再html标签事件触发调用指定的方法名称。想重复调用多少次都行，因为你传进去的id值不同。
例如:
<li id="test1"><a onclick="javascript:combo(test1);"></a></li>
<li id="test2"><a onclick="javascript:combo(test2);"></a></li>
<li id="test3"><a onclick="javascript:combo(test3);"></a></li>
<li id="test4"><a onclick="javascript:combo(test4);"></a></li>
望采纳

Answer 2

js和CSS是不同的东西，所以2个东西没有太大的关联性。

不确定你的题目是不是需要在不同的位置赋值，你可以用变量，因为你这里已经有函数combo，所以你可以在不同位置调用combo

function combo(id,classname)

类似这种写法

Answer 3

可以根据不同位置的ID做if判断，根据ID做样式的修改

Answer 4

<script>
var refer=true;
var name;
function combo(id,id_name) {
name=id_name;
if (refer) {
var divdisp=document.getElementById("name"+id).style.visibility="visible";
refer=false;
}
else {
var divdisp=document.getElementById("name"+id).style.visibility=="hidden";
refer=true;
}
}
</script>

比如你的一个id=“test1”，
<div id="test1" onclick="combo(1,'test')"></div>