web中html和css链接,在HTML中如何实现链接选择?详见内容_html/css_WEB-ITnose

HTML JavaScript 在多个网页中用一段接近相同的代码:

第一个网页:

菜单1

菜单2

菜单3

菜单4

第二个网页:

菜单1

菜单2

菜单3

菜单4

第三个网页:

菜单1

菜单2

菜单3

菜单4

第四个网页:

菜单1

菜单2

菜单3

菜单4

我想把上面的代码写在一个js文件中,通过点击链接时判定ID,具体采用哪一段代码,如下面的结构:

if(...)

{

菜单1

菜单2

菜单3

菜单4

}

else if(...)

{

}

else if(...)

{

}

else

{

}

请问如何实现js?

回复讨论(解决方案)

function getAlist(alist){

根据alist生成a标签

}

每个页面调用

a页面: getAlist(['a2','a3','a4]);

b页面: getAlist(['a1','#','a3','a4]);

不明白你的意思

要是通过js生成a标签的话可以用

var a=document.createElement("a");

a.id=...

a.href=...

a.innerHTML=...

可以吧内容放在js对象里试试

与其生成 不如 控制function e(event){var evt = event || window.event;var target = evt.target || evt.srcElement;window.location = target.id+".html";}/* @linkId : 不需要跳转的 A 元素 ID*/function setLinks(linkId){var menus = document.getElementById("menus").getElementsByTagName("a");for(var i=0; i< menus.length; i++){if(menus[i].id.toLowerCase() != linkId.toLowerCase()){ if (window.attachEvent){ menus[i].attachEvent('click',e) }else if(window.addEventListener){ menus[i].addEventListener('click',e,false)}}}}window.onload = function(){ setLinks('a1');}