18910140161

如何实现html后台导航iframe点击换url

顺晟科技

2021-06-16 10:35:32

304

本篇文章给大家带来的内容是关于如何实现超文本标记语言后台导航内联框架点击换url(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

写了个小项目,上网随便找了个后台模板,又不想重复加载页眉、页脚.

想到了用iframe,随便写写,欢迎大家指教

id="nav_menu "加在了二级菜单的保险商实验所上.

scripttype='text/javascript '

//导航

$('#nav_menua ').click(function(){

//选中样式

$('.am-fr ').移除CLaSS(' am-icon-star ');

$(这个)。儿童('。am-fr ').添加CLaSS(' am-icon-star ');

//url

href=$(this).attr(' href ');

$('#iframe ').attr('src ',href);

returnfalse

});

//iframe是否加载完,并且隐藏滚动条

vari frame=文档。GetElementbyID(' iframe ');

if(iframe。附件){

iframe.attachEvent('onload ',function(){

HIEs();

});

}else{

iframe.onload=function(){

HIEs();

};

}

功能隐藏()

{

文件。GetElementbyID(' iframe ').滚动='否;

文件。getelementbyid(' iframe ')。风格。溢出='隐藏';

}

/script

本文转载自中文网

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航