Question

同一个页面调用两个JS 有冲突 有两个window.onload 求解决

调用两个JS 好像有两个window.onload 冲突 求解决
付上代码

<script type="text/javascript">
var Ptr=document.getElementsByTagName("tr");
function recolor() {
for (i=1;i<Ptr.length+1;i++) {
Ptr[i-1].className = (i%2>0)?"t1":"t2";
}
}
[color=#FF0000]window.onload=recolor;[/color]
for(var i=0;i<Ptr.length;i++) {
Ptr[i].onmouseover=function(){
thisthis.tmpClass=this.className;
this.className = "t3";
};
Ptr[i].onmouseout=function(){
thisthis.className=this.tmpClass;
};
}
</script>

第二个

<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
var firstSubmenu = myMenu.submenus[0];
myMenu.expandMenu(firstSubmenu);
};
// ]]>
</script>

Answer 1

简答你的方法就是把两个js文件合并成一个，把第二个合并到第一个里面去，把如下代码放到第一个里面:

function expanMenu() {
var myMenu = new SDMenu("my_menu");
myMenu.init();
var firstSubmenu = myMenu.submenus[0];
myMenu.expandMenu(firstSubmenu);
};

把第一个js文件里的recolor函数修改为：

function recolor() {
expanMenu();
for (i=1;i<Ptr.length+1;i++) {
Ptr[i-1].className = (i%2>0)?"t1":"t2";
}
这样试试

Answer 2

两个 js方法 都写在一个 onload 里面

Answer 3

改成jQuery $(function(){...})

Answer 4

两个合并成一个不就行了。