使用JavaScript实现访问本站点任何页面都加载Frame的一种实现方式

最新推荐文章于 2020-12-20 07:00:58 发布
最新推荐文章于 2020-12-20 07:00:58 发布
阅读量1.6k 收藏
点赞数
分类专栏： HTML | JS | VBS 文章标签： javascript html generator url function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zlz_212/article/details/735589
版权

default.asp

<HTML>
  <HEAD>
     <TITLE>我的主页</TITLE>
     <META content="text/html; charset=gb2312" http-equiv=Content-Type>
     <META content="MSHTML 5.00.3315.2870" name=GENERATOR>
  </HEAD>
  <%
'用来判断右侧Frame的显示页面
   dim addr
   addr=request("url")
   if url="" then
    url="left.htm"
   end if
  %>
  <FRAMESET rows=81,*>
     <FRAME name=Top scrolling=no src="top.htm">
     <FRAMESET cols=238,* noresize>
       <FRAME name=Left scrolling=no src=<%=url%>>
       <FRAME name=Main src="index.htm">
     </FRAMESET>
  </FRAMESET>
</HTML>

index.htm

<html>
 <head>
<script>  
  try{  
  if(parent.frames('Top'))    
  alert("存在mainFrame");
  }  
  catch(e)  
 { window.open("http://10.69.17.119/OpenFrame/default.asp?url='" + document.location + "'","_self");
 }
  </script>
</head>
 <body οnlοad="LoadFrame();">
  这是<h1>Index</h1>页面
 </body>
</html>

chk.js

function  LoadFrame()
{
  try{  
  if(parent.frames('Top') && parent.frames('Left') && parent.frames('Main'))    
  alert("已经在Frame中开启网页");
  }  
  catch(e)  
 { window.open("http://10.69.17.119/OpenFrame/default.asp?url='" + document.location + "'","_self");
 }
}

left.htm

<html>
 <head>
 </head>
 <body >
  这是<h1>Left</h1>页面
 </body>
</html>

top.htm

<html>
 <head>
 </head>
 <body">
  这是<h1>Top</h1>页面
 </body>
</html>

本例中只对index.htm进行了限制，如果有多个页面需要再处理！
相对比较简单没有太多的注释，希望能看懂！

zlz_212
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
12-03
用JavaScript刷新上级页面和当前页面 代码如下: [removed] //刷新上级页面 //window.parent.main.[removed].reload(); //刷新当前页面 [removed].reload(); [removed] 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素: 代码如下: window.frames[index] windows.frames[“框架名”]
iis、apache、nginx使用X-Frame-Options防止网页被Frame的解决方法
09-30
1. DENY：不允许任何站点在frame或iframe中加载此页面，无论其来源如何。 2. SAMEORIGIN：只有同源（协议、域名和端口都相同）的页面才能在frame或iframe中显示。 3. ALLOW-FROM uri：允许特定的域加载此页面，uri...
js重新加载页面（包含frame页面）
高压锅博客
06-29 807
1. 用JavaScript刷新上级页面和当前页面 <script type="text/javascript"> //刷新上级页面 window.parent.main.document.location.reload(); //刷新当前页面 document.location.reload(); </script> 2. 引用frame或iframe元素 window.frames[index] windows.frames["框架名"] windows.框架
c# 操作带frame的网页
y38701522的专栏
12-16 2024
cs文件 using System; using System.Collections.Generic; using System.Text; using System.Runtime.InteropServices; using mshtml; namespace 学习项目 {     public partial class Form1     {
Asp.Net中用javascript实现弹出窗口永远居中
lubean的专栏
10-21 1466
Asp.Net中用javascript实现弹出窗口永远居中function ShowDialog(url) {   var  iWidth=600; //模态窗口宽度  var  iHeight=500;//模态窗口高度  var  iTop=(window.screen.height-iHeight)/2;  var  iLeft=(window.screen.width-iWidth)/2; 
javascript框架编程
weixin_34221773的博客
11-18 272
框架编程概述一个HTML页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。 框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：win...
x-frame-bypass:绕过X帧选项
05-10
`X-Frame-Options`头部的设置可以限制网页被其他站点以IFrame的方式加载，以保护用户的浏览安全。 标题“x-frame-bypass:绕过X帧选项”提示我们将讨论如何绕过这一安全机制。通常，`X-Frame-Options`有三个可能的值...
网页设计与制作Dreamweaver8期末模拟试题一.doc
11-16
2. 样式表（CSS）是用于控制网页元素样式的一种语言，使用样式表的好处包括：提高网页加载速度（样式集中管理，减少重复代码），便于维护和更新（一处更改，全局生效），实现网页的统一风格，以及增强网页的可访问性...
raw-space:塔尔萨的原始空间站点的WebGL场景
05-10
在IT领域，WebGL是一种强大的技术，用于在任何兼容的Web浏览器中实现3D图形的交互性。"raw-space:塔尔萨的原始空间站点的WebGL场景"这个标题表明，我们正在讨论一个基于WebGL的项目，它可能是用于展示塔尔萨（Tulsa...
iframe 与主框架相互访问例子，同域、跨域访问例子。
11-07
在网页开发中，`iframe`（Inline Frame）是一种嵌入式框架，允许我们在一个HTML页面中加载另一个HTML页面。这通常用于实现页面的部分更新、显示外部内容或创建多文档界面。`iframe`与主框架之间的交互是Web开发中的...
JavaScript 等待 body,frame,frameset,iframe,img,link,script,style加载完成操作
selfsummer的博客
12-10 376
body,frame,frameset,iframe,img,link,script,style 标签有 onload事件 通过监听以上的 onload事件 ，可以达到 对于标签加载完成后在做一些事情 // 查看图片的所有属性 以及事件 console.dir(document.querySelector('img')) ...
运用api.openFrame一个弹窗
qq_40879879的博客
05-15 437
iframe懒加载_javascript实现iframe框架延时加载的方法
weixin_39996762的博客
12-20 656
本文实例讲述了javascript实现iframe框架延时加载的方法。分享给大家供大家参考。具体实现方法如下：有的时候我们希望页面的一些东西实现延时加载，这样可以不影响网站打开速度，下面我来给大家介绍javascript实现iframe框架延时加载方法吧。需要加载区域HTML代码:下面代码放在底部document.getElementById("indexlogin").innerHTML=doc...
js操作frame详细解说,window.opener和window.parent的区别
草根的理想
12-25 880
转载自：http://kuru.javaeye.com/blog/144537 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parentwindow.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.可以这样window.frames[0].documen
JS的事件响应，与网页交互
ling的博客
12-20 500
事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。 鼠标单击事件( onclick ） &lt;html&gt; &lt;head&g...
js动态设置iframe并实现页面加载
爱米酱的博客
05-03 6008
//如果没有这个设置，只改变src的值则不会加载页面内容 document.getElementById("id").contentWindow.location.reload(true); document.getElementById("id").src = '地址';
js重新加载iframe框
qq_34092577的博客
06-14 7057
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; frame &lt;/TITLE&gt; &lt;/HEAD&gt; &lt;frameset rows="50%,50%"&gt; &amp
javascript读取iframe及Open用法
系统运维
07-05 471
javascript读取iframe里的值用法 //ieimg = document.frames("crop").document.getElementById(imgId); 弹出窗口,并焦点在新窗口 window.open('editPhotoPage.m5?photoId='+photoId,'','resizable=yes,status=yes,toolbar=yes...
js中动态修改frame的src属性，frame自己刷新。。。
热门推荐
This is my house!
10-06 1万+
 弄了半天，结果画蛇添足。。。：动态修改frame的src属性，然后parent.frame.location.reload()反而错误。。。无须自己手工来进行reload()frame会因为src的更改自动reload();function tonclick(id){        parent.document.getElementById(frame2).src=man
php设计打印本页实现,如何使用JavaScript实现页面打印
最新发布
05-17
可以使用JavaScript的`window.print()`方法来实现页面打印功能。 具体实现步骤如下： 1. 在需要实现打印功能的页面中添加一个按钮或链接，如下所示： ```html ()">打印本页 ``` 2. 在JavaScript中定义`printPage...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值