iframe里使用JavaScript控制主页转向的方法
本文实例讲述了iframe里使用JavaScript控制主页转向的方法。分享给大家供大家参考。具体分析如下:
下面的JS代码写在iframe里面,点击按钮后整个网页会转向指定的url,而不是只转iframe里的页面
<!DOCTYPE html> <html> <head> <script> function breakout() { if (window.top!=window.self) { window.top.location="tryjs_breakout.htm"; } } </script> </head> <body> <input type="button" onclick="breakout()" value="Break out of frame!"> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
JavaScript iframe数据共享接口实现方法
在iframe与父窗口或者与子窗口传递数据是一个麻烦的事情,如果我们能够写一个一劳永逸的接口那就再方便不过了,下面就来简答介绍一下如何实现此功能.原理就是将数据缓存早window.top这个窗口,这样无论子窗口父窗口的层次如何变化,数据总是存在不会变化的. 代码如下: var share={ data:function(name,value){ var top=window.top, cache=top['_CACHE']||{}; top['_CACHE']=cache; return val
-
js实现iframe动态调整高度的代码
复制代码 代码如下: function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.contentDocument.body.offset
-
JavaScript iframe的相互操作浅析
iframe元素也就是文档中的文档,或者好像浮动的框架(frame).关于iframe的操作一直是一个疑难点,网上有很多这方面的文章介绍.下面我结合自己的经验,整理一下笔记记录下来.一.页面三个页面:父页面和两个子页面,两个子页面在父页面的两个iframe里.1.父页面MainForm.aspx<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs"
-
JavaScript使ifram跨域相互访问及与PHP通信的实例
iframe 与主框架相互访问方法 1.同域相互访问 假设A.html 与 b.html domain都是localhost (同域) A.html中iframe 嵌入 B.html,name=myframe A.html有js function fMain() B.html有js function fIframe() 需要实现 A.html 调用 B.html 的 fIframe(),B.html 调用 A.html 的 fMain() A.html <!DOCTYPE HTML PUBLIC
-
JS获取iframe中longdesc属性的方法
本文实例讲述了JS获取iframe中longdesc属性的方法.分享给大家供大家参考.具体如下: longdesc 属性指向一个包含描述信息的页面. <!DOCTYPE html> <html> <body> <iframe id="myframe" src="/default.asp" longdesc="jb51.net"> <p>Your browser does not supp
-
js检测iframe是否加载完成的方法
本文实例讲述了js检测iframe是否加载完成的方法.分享给大家供大家参考,具体如下: 这里是继上一篇<js实现iframe框架取值的方法(兼容IE,firefox,chrome等)>的扩展应用: 应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load完成了呢? iframe1.html: <html> &
-
微信jssdk在iframe页面失效问题的解决措施
项目需求 微信端添加拍品的页面有照片上传功能,上传时打开一个iframe,该页面用canvas加载用微信jssdk的选择图片接口选择的图片(这里微信会返回一个形如weixin://xxxx的localid,可直接放在img的src里进行预览),可进行放大缩小移动旋转等操作,点击确定按钮将编辑好的图片发送到服务器存成图片 遇到的问题 当子页面功能开发完成后,在主页面通过iframe打开子页面,无法调用微信jssdk接口中的选择图片接口,其他jssdk中的接口也无法正常工作.但是单独打开子页面可以正
-
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
找到了下面这个js 复制代码 代码如下: function SetCwinHeight(obj) { var cwin=obj; if (document.getElementById) { if (cwin && !window.opera) { if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight) cwin.height = cwin.contentDocument.body.offset
-
JavaScript实现iframe自动高度调整和不同主域名跨域
大家都知道Js有同源策略,就是主域名不同嵌套的iframe不允许Js通信的. 比如我有一个网站,网站中要嵌入其网站的页面.那么我可以使用iframe引用第三方网站的地址即可. 但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合,又例如第三方网站使用了瀑布流插件,要滚动加载自动计算高度,那么先说跨域:iframe主域名不同跨域方法,假如网站 A.com B.com A 里面放入一个iframe 引用了B.com,这种情况下B.com里面的Js是无法访问到A.com的.JS跨域
-
js实现防止被iframe的方法
本文实例讲述了js实现防止被iframe的方法.分享给大家供大家参考.具体如下: 方法一: <script> // Break out of an iframe, if someone shoves your site // into one of those silly top-bar URL shortener things. // // Passing `this` and re-aliasing as `window` ensures // that the window object
随机推荐
- 程序员的八种境界,你在哪一境?
- python类中super()和__init__()的区别
- JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
- 通用无限极下拉菜单的实现代码
- linux环境下安装pyramid和新建项目的步骤
- Shell编程之Shell变量学习总结
- mysql密码忘记怎么办
- jQuery基本选择器之标签名选择器
- FireFox与IE 下js兼容触发click事件的代码
- 轻松理解vue的双向数据绑定问题
- Linux中流媒体Helix Server的安装和配置
- 深入剖析java中的集合框架
- Android实现在列表List中显示半透明小窗体效果的控件用法详解
- 总结IOS关闭键盘/退出键盘的五种方式
- 一个小示例告诉你Python语言的优雅之处
- BootStrap Validator 根据条件在JS中添加或移除校验操作
- PHP多维数组元素操作类的方法
- PHP创建桌面快捷方式的实例代码
- Spring Boot实战之逐行释义Hello World程序
- Python冲顶大会 快来答题!