Rumah > hujung hadapan web > html tutorial > 在HTML中如何实现链接选择?详见内容_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:21:17
asal
1286 orang telah melayarinya

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');}
Salin selepas log masuk


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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan