Maison > interface Web > tutoriel HTML > 在HTML中如何实现链接选择?详见内容_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:21:17
original
1263 Les gens l'ont consulté

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');}
Copier après la connexion


     菜单1
     菜单2
     菜单3
     菜单4

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal