同一网页中，两个JS冲突

JavaScript031

同一网页中，两个JS冲突,第1张

冲突的原因:第一个中$被定义为jquery的对象了，而你第二个中有再次定义这样的全局变量，变量冲突了，解决的方法有两个:

第一种，把你的第二个改成(推荐方法):

<script

type="text/javascript">

$(function

()

{

$("#nav").next().click(function(){

$(this).toggle()

})

})

</script>

第二种，把你的第二个改成(不推荐):

<script

type="text/javascript">

function

$$(id){return

document.getElementById(id)}//注意改成$$

window.onload

=

function(){

$$("nav").onclick

=

function(e){

var

src

=

e?e.target:event.srcElement

if(src.tagName

==

"H3"){

var

next

=

src.nextElementSibling

||

src.nextSibling

next.style.display

=

(next.style.display

=="block")?"none":"block"

}

}

}

</script>

有什么不明白的可以继续追问我。

一个网页可以运行无数个方法，可以映入无数个JS

<script type="text/javascript"></script>只是写JS代码的标注 想写多少个就写多少个

完全没必要合并 有的业务就为了初始化一点东西 写在标签下面就可以

HTML标签的任何位置都可以运行js