做网站页面，查找各种框架，但都不理想，frameset不好控制，iframe对于网站seo优化不怎么好，一直很头疼。
后来得知可以使用js直接调用，本使用的是页面加载js调用，如下：
$("#head").load("head.html"); $("#foot").load("foot.html");百无聊赖之余，自己动手写写，可以将头、尾不动，中间内容随时调用。
立即学习“前端免费学习笔记（深入）”；
经测试，可以实现，代码附上：
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") }) })记录，以备之后查阅。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
574
