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程序设计有所帮助。
相关推荐
-
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
-
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
-
JavaScript实现iframe自动高度调整和不同主域名跨域
大家都知道Js有同源策略,就是主域名不同嵌套的iframe不允许Js通信的. 比如我有一个网站,网站中要嵌入其网站的页面.那么我可以使用iframe引用第三方网站的地址即可. 但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合,又例如第三方网站使用了瀑布流插件,要滚动加载自动计算高度,那么先说跨域:iframe主域名不同跨域方法,假如网站 A.com B.com A 里面放入一个iframe 引用了B.com,这种情况下B.com里面的Js是无法访问到A.com的.JS跨域
-
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高度自适应(兼容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
-
微信jssdk在iframe页面失效问题的解决措施
项目需求 微信端添加拍品的页面有照片上传功能,上传时打开一个iframe,该页面用canvas加载用微信jssdk的选择图片接口选择的图片(这里微信会返回一个形如weixin://xxxx的localid,可直接放在img的src里进行预览),可进行放大缩小移动旋转等操作,点击确定按钮将编辑好的图片发送到服务器存成图片 遇到的问题 当子页面功能开发完成后,在主页面通过iframe打开子页面,无法调用微信jssdk接口中的选择图片接口,其他jssdk中的接口也无法正常工作.但是单独打开子页面可以正
-
js检测iframe是否加载完成的方法
本文实例讲述了js检测iframe是否加载完成的方法.分享给大家供大家参考,具体如下: 这里是继上一篇<js实现iframe框架取值的方法(兼容IE,firefox,chrome等)>的扩展应用: 应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load完成了呢? iframe1.html: <html> &
-
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
随机推荐
- .net搜索查询并实现分页实例
- ASP.NET动态生成静态页面的实例代码
- php 404错误页面实现代码
- PHP生成便于打印的网页
- Python守护线程用法实例
- javascript 小数取整简单实现方式
- thinkphp浏览历史功能实现方法
- 用Python编写分析Python程序性能的工具的教程
- JS中微信小程序自定义底部弹出框
- Powershell中打开网页实例
- 二级连动的另一个不错的实现方法
- 简单实现js拖拽效果
- PHP session会话的安全性分析
- Android 两个Fragment之间传递数据实例详解
- Java 蒙特卡洛算法求圆周率近似值实例详解
- android创建optionsmenu的方法
- C++简单QQ程序服务器端的实现代码
- Python编程求质数实例代码
- php面试中关于面向对象的相关问题
- python实现批量视频分帧、保存视频帧