Home >Web Front-end >HTML Tutorial >How to implement link selection in HTML? See content_html/css_WEB-ITnose for details

How to implement link selection in HTML? See content_html/css_WEB-ITnose for details

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:21:171284browse

HTML JavaScript

Use a nearly identical piece of code in multiple web pages:

First web page:
1e9263439d05d0e6b0da670f07d535f9 Menu 15db79b134e9f6b82c0b36e0489ee08ed
e00468a1ee3c765ab414e39eacfb1945 Menu 25db79b134e9f6b82c0b36e0489ee08ed
8748810db6847d3a3d4465ef4b73b81d Menu 3< ;/a>
d1d2891b1931cdaaa6253ba96cad3fc9 Menu 45db79b134e9f6b82c0b36e0489ee08ed
Second web page:
daca485b81f86f347d9bfc34907d574f Menu 15db79b134e9f6b82c0b36e0489ee08ed
65d92b421544f88ac442dc679b64b445 Menu 25db79b134e9f6b82c0b36e0489ee08ed
8748810db6847d3a3d4465ef4b73b81d Menu 35db79b134e9f6b82c0b36e0489ee08ed
d1d2891b1931cdaaa6253ba96cad3fc9 Menu 45db79b134e9f6b82c0b36e0489ee08ed
The third web page:
bbf9eead3bf7e066c06f3371ac9f4b3b Menu 15db79b134e9f6b82c0b36e0489ee08ed
e00468a1ee3c765ab414e39eacfb1945 Menu 25db79b134e9f6b82c0b36e0489ee08ed
6495a5418016828320613c4ac891f601 Menu 35db79b134e9f6b82c0b36e0489ee08ed
d1d2891b1931cdaaa6253ba96cad3fc9 Menu 45db79b134e9f6b82c0b36e0489ee08ed
The fourth webpage:
0aa8f956d87706951dd542421a020b6a Menu 15db79b134e9f6b82c0b36e0489ee08ed
e00468a1ee3c765ab414e39eacfb1945 Menu 25db79b134e9f6b82c0b36e0489ee08ed
228da8e4d5ac4ba6d0f87c57cb43ecba Menu 35db79b134e9f6b82c0b36e0489ee08ed
bfa53d532ac3b2e0af616323a2ea9f82 Menu 45db79b134e9f6b82c0b36e0489ee08ed

I want to write the above code in a js In the file, the ID is determined by clicking on the link, which piece of code is used, such as the following structure:
if(...)
{
1e9263439d05d0e6b0da670f07d535f9 Menu 15db79b134e9f6b82c0b36e0489ee08ed
e00468a1ee3c765ab414e39eacfb1945 Menu 25db79b134e9f6b82c0b36e0489ee08ed
8748810db6847d3a3d4465ef4b73b81d Menu 3< ;/a>
d1d2891b1931cdaaa6253ba96cad3fc9 Menu 45db79b134e9f6b82c0b36e0489ee08ed
}
else if(...)
{
}
else if(...)
{
}

else
{
}
How to implement js?

Reply to discussion (solution)

function getAlist(alist){
Generate a tag based on alist
}

Called on each page
a page: getAlist(['a2','a3','a4]);
b page: getAlist(['a1','#','a3','a4]);

I don’t understand what you mean
If you generate a tag through js, you can use
var a=document.createElement("a");
a.id=.. .
a.href=...
a.innerHTML=...
You can try putting the content in a js object

Instead of generating it, it is better to control

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

b442a0f4ad358df91a064a656a99b63d
1e9263439d05d0e6b0da670f07d535f9 Menu 15db79b134e9f6b82c0b36e0489ee08ed
; 8179a0efe61ab60118b653a44eea315d Menu 35db79b134e9f6b82c0b36e0489ee08ed
; bfa53d532ac3b2e0af616323a2ea9f82 Menu 44de1dddcaa4a3771651a7b62cfb716b6