javascript实现让网页逃不出框架
2009-02-17 11:35
197 查看
有的时候整个网站都需要通过框架来访问,但某些应该在框架里显示才合理的页面经常会单独显示(如从新窗口中打开、从外部网站链接进来等情况)。
今天想到了一个办法处理,在此分享。
假设网站中有一个首页(框架页,首页框架包含一个头部页(header.aspx)、左边栏(left.aspx)、主体(main.aspx))、N多其它要在主体里显示的页面。那么有如下代码:
1.在“N多其它要在主体里显示的页面”加上这个代码:
<script type="text/javascript">
if (!top){ var currentUrl=window.location.pathname;
top.location = "default.aspx?url="+currentUrl; //带参数的跳转
}</script>
2.在header.aspx(或left.aspx)里加如下代码:
<script type="text/javascript">
<!--
Request = {
QueryString : function(item){
var svalue = top.location.search.match(new RegExp('[/?/&]' + item + '=([^/&]*)(/&?)','i'));
return svalue ? svalue[1] : svalue;
}
}
var mainurl=Request.QueryString('url'); //读取url的值
if(mainurl && mainurl!='' && mainurl!='/')
{
top.document.getElementById('main').src=mainurl; //main为主体框架的id
}
--> </script>
3.在default.aspx里加如下代码
<script type="text/javascript">
if (top){
top.location = "default.aspx"; //防止被放入框架中
}
</script>
今天想到了一个办法处理,在此分享。
假设网站中有一个首页(框架页,首页框架包含一个头部页(header.aspx)、左边栏(left.aspx)、主体(main.aspx))、N多其它要在主体里显示的页面。那么有如下代码:
1.在“N多其它要在主体里显示的页面”加上这个代码:
<script type="text/javascript">
if (!top){ var currentUrl=window.location.pathname;
top.location = "default.aspx?url="+currentUrl; //带参数的跳转
}</script>
2.在header.aspx(或left.aspx)里加如下代码:
<script type="text/javascript">
<!--
Request = {
QueryString : function(item){
var svalue = top.location.search.match(new RegExp('[/?/&]' + item + '=([^/&]*)(/&?)','i'));
return svalue ? svalue[1] : svalue;
}
}
var mainurl=Request.QueryString('url'); //读取url的值
if(mainurl && mainurl!='' && mainurl!='/')
{
top.document.getElementById('main').src=mainurl; //main为主体框架的id
}
--> </script>
3.在default.aspx里加如下代码
<script type="text/javascript">
if (top){
top.location = "default.aspx"; //防止被放入框架中
}
</script>
相关文章推荐
- JavaScript实现防止网页被嵌入Frame框架的代码分享
- javascript实现让网页逃不出框架
- javascript代码如何实现打印框架里面的某个网页
- JavaScript实现防止网页被嵌入Frame框架的代码分享
- javascript 网页中实现一个计算当年还剩多少时间的倒数计时程序
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
- 用ASP和JavaScript实现网页上的动态分级目录
- JavaScript实现网页截图功能
- emlog通过pjax实现无刷新加载网页--完美解决cnzz统计和javascript失效问题
- 推荐9款很棒的网页绘制图表JavaScript框架脚本
- 用JavaScript实现一个网页版贪吃蛇
- Javascript实现打印局部网页功能
- PHP+TP框架实现微信网页授权,获取用户信息
- javascript实现PC网页里的拖拽效果
- javascript实现查看html网页放大图片功能
- javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- javascript 实现网页图片等比例缩放