html template, call page display based on link_html/css_WEB-ITnose

When making website pages, I searched for various frames, but none of them were ideal. The frameset was difficult to control, and iframes were not very good at optimizing website SEO. It was always a headache.

Later I learned that it can be called directly using js. I used the page loading js call, as follows:

$("#head").load("head.html");				$("#foot").load("foot.html");

But there is a problem again. It is called on different pages. , how to write the address of the picture? Of course, there are solutions to this, such as node.js. I heard that it can be used, but I am not very familiar with it.

When you are bored, you can write it by yourself. You can keep the beginning and end still, and call the middle content at any time.

After testing, it can be implemented. The code is attached:

html:

• 11111
• 22222
• 33333
• 444444

js:

$(function(){			var load_href;			$("#list li a").click(function(){								var val=$(this).attr("val");				console.log(val);								switch(val){					case "1":					load_href="111";					break;										case "2":					load_href="222";					break;									}				console.log(load_href);				$("#wrap").load("page/" +load_href+ ".html")			})					})

I tested it myself, using switch. Of course, there are many ways to implement it, such as if-else, json, etc.

Record for later reference.