iframe嵌套页面加载慢HTML框架(iframe)限制
HTML框架(iframe )进⾏限制。很多⼈喜欢HTML框架(iframe )来加载他⼈的⽹页,加载他⼈的服务器宽带。要求:
1、防⽌⾃⼰⽹站被他⼈iframe 内联框架使⽤
2、如果⾃⼰⽹站是可以⽤iframe 内联框架
<script type="text/javascript">
if (window!=top) // 判断当前的window对象是否是top对象
top.location.href = window.location.href; // 如果不是,将top对象的⽹址⾃动导向被嵌⼊⽹页的⽹址
</script>
上的代码只能实现判断使⽤内联框架,如果⾃⼰使⽤的话,也会被跳转,那么就有了下⾯的代码:
try{
top.location.hostname;
if (top.location.hostname != window.location.hostname) {
top.location.href =window.location.href;
}
}
catch(e){
top.location.href = window.location.href;
}
下⾯的代码是案例:
下⾯是a页⾯,嵌套b页⾯。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a页⾯</title>
<style type="text/css" media="screen">
* {
padding: 0;
margin: 0;
border: none;
}
</style>
</head>
<body>
<iframe src="w3cku/test/b_iframe.html"></iframe>
</body>
</html>
下⾯是b页⾯:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我是b页⾯</title>
<style type="text/css" media="screen">
* {
padding: 0;
margin: 0;
border: none;
}
</style>
</head>
<body>
<div>我是b页⾯</div>
<script type="text/javascript">
try{
top.location.hostname;
if (top.location.hostname != window.location.hostname) {
top.location.href =window.location.href;
}
}
catch(e){
top.location.href = window.location.href;
}
</script>
</body>
</html>
案例:
来源于:www.ruanyifeng/blog/2008/10/anti-frameset_javascript_codes.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论