在HTML中如何实现链接选择？详见内容_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在HTML中如何实现链接选择？详见内容_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1464字，纯文字阅读大概需要3分钟。

内容图文

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');}

内容总结

以上是互联网集市为您收集整理的在HTML中如何实现链接选择？详见内容_html/css_WEB-ITnose全部内容，希望文章能够帮你解决在HTML中如何实现链接选择？详见内容_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---