首页html创建多个页面，使用两种方式嵌套页面

html创建多个页面，使用两种方式嵌套页面

时间: 2023-11-03 22:04:37 浏览: 72

1. 使用iframe标签嵌套页面在主页面中使用iframe标签，将其他页面嵌入到主页面中。 ```html <!DOCTYPE html> <html> <head> <title>Main Page</title> </head> <body> <h1>Main Page</h1> <iframe src="page1.html"></iframe> <iframe src="page2.html"></iframe> </body> </html> ``` 2. 使用ajax加载页面在主页面中使用ajax请求其他页面的内容，并将内容嵌入到主页面中的指定位置。 ```html <!DOCTYPE html> <html> <head> <title>Main Page</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { $("#page1").load("page1.html"); $("#page2").load("page2.html"); }); </script> </head> <body> <h1>Main Page</h1> <div id="page1"></div> <div id="page2"></div> </body> </html> ```

阅读全文