在HTML中如何实现链接选择?详见内容_html/css_WEB-ITnose
程序员文章站
2022-06-06 22:31:41
...
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?
第一个网页:
菜单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
推荐阅读
-
在HTML中如何实现链接选择?详见内容_html/css_WEB-ITnose
-
abc中,如何实现鼠标悬停时执行href?_html/css_WEB-ITnose">
在abc中,如何实现鼠标悬停时执行href?_html/css_WEB-ITnose
-
css如何实现span在div中水平居中_html/css_WEB-ITnose
-
在selenium中,如何让滚动条滚动到指定页面元素的高度 链接整理_html/css_WEB-ITnose
-
在
-
用css如何实现:让一个div的背景色在IE6中显示成红色,在IE7中显示成蓝色,IE8中显示成绿色?_html/css_WEB-ITnose
-
在
-
css如何实现span在div中水平居中_html/css_WEB-ITnose
-
用css如何实现:让一个div的背景色在IE6中显示成红色,在IE7中显示成蓝色,IE8中显示成绿色?_html/css_WEB-ITnose
-
abc中,如何实现鼠标悬停时执行href?_html/css_WEB-ITnose">
在abc中,如何实现鼠标悬停时执行href?_html/css_WEB-ITnose