The solution is as follows:
The first one
uses iframe, but currently fewer and fewer people use iframe. Moreover, iframes are incompatible between different browsers. And some of my R&D personnel said that transferring values between iframe windows seems troublesome.
Second option
Use jQuery's onload method to load the page. However, after this method jumps to multiple pages, clicking the back and forward button above the browser is invalid. , but you can think of adding a back button.
So personally I prefer this method.
I usually write like this
$("#main").load("mainIndex.html",function(){
});
For pages, p+css can achieve the effect of frame
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p+css实现frameset效果</title>
<style type="text/css">
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
</style>
</head>
<body>
<p class="page">
<p class="header">
<p id="title">
<h1>顶部</h1>
</p>
</p>
<p class="MainContainer">
<p class="sidebar">
边栏
</p>
<p id="main" class="main">
内容
</p>
</p>
</p>
</body>
</html>
Summary
The above are the two solutions for HTML5 not supporting frameset, more related Please pay attention to the PHP Chinese website (m.sbmmt.com) for content!
What are the production methods of html5 animation production?
The difference between HTML and HTML5
How to resolve WerFault.exe application error
Win10 taskmgr.exe file application error solution
How to open win11 control panel
cad break line command
What are the virtual currencies that may surge in 2024?
How to delete your own works on TikTok
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
