本篇文章给大家带来的内容是关于如何实现html后台导航iframe点击换url（代码） ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
写了个小项目，上网随便找了个后台模板 ，又不想重复加载head，footer......
想到了用iframe ， 随便写写，欢迎大家指教
id=“nav_menu” 加在了二级菜单的 ul 上........
<script type="text/javascript">
//导航
$('#nav_menu a').click(function(){
//选中样式
$(".am-fr").removeClass('am-icon-star');
$(this).children('.am-fr').addClass('am-icon-star');
//url
href = $(this).attr('href');
$('#iframe').attr('src',href);
return false;
});
//iframe是否加载完,并且隐藏滚动条
var iframe = document.getElementById("iframe");
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
hideS();
});
} else {
iframe.onload = function(){
hideS();
};
}
function hideS()
{
document.getElementById("iframe").scrolling="no";
document.getElementById("iframe").style.overflow="hidden";
}
</script>相关推荐：
怎么让iframe嵌套frameset框架，点击导航栏中超链接，浏览器url改变？？_html/css_WEB-ITnose
立即学习“前端免费学习笔记（深入）”；
Bootstrap，导航栏点击效果修复（补）_html/css_WEB-ITnose
以上就是如何实现html后台导航iframe点击换url（代码）的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
262
收藏
