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");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:
<body> <ul id="list"> <li><a href="javascript:void(0)" val="1" target="_blank">11111</a></li> <li><a href="javascript:void(0)" val="2" target="_blank">22222</a></li> <li><a href="javascript:void(0)" val="3" target="_blank">33333</a></li> <li><a href="javascript:void(0)" val="4" target="_blank">444444</a></li> </ul> <div id="wrap"></div> </body>
$(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") }) })
Record for later reference.
Check port occupancy in linux
What are the commonly used commands in postgresql?
Common Linux download and installation tools
How to run code html in vscode
There is an extra blank page in Word and I cannot delete it.
What do e-commerce platforms include?
proxy switchysharp
Why webstorm cannot run the file
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
