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.
Why does localstorage expire so quickly?
What are the cloud operating systems?
The difference between console cable and network cable
How do I set up WeChat to require my consent when people add me to a group?
How to connect html files and css files
Computer freeze screen stuck
How to enable JavaScript
What are the basic data types in php
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
