【详解iframe跨域的几种常用方法(小结)】教程文章相关的互联网学习教程文章

js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

用JavaScript刷新上级页面和当前页面 <script type="text/javascript"> //刷新上级页面 //window.parent.main.document.location.reload(); //刷新当前页面 document.location.reload(); </script>每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素: window.frames[index] windows.frames["框架名"] windows.框架名如果想从框架所加...

javascriptfirefox自动加载iframe自动调整高宽示例

iframe 自动获取onload高宽 function AutoResize(iframe) { //firefox if(iframe.contentWindow) { iframe.height = iframe.contentWindow.document.documentElement.scrollHeight; iframe.width = iframe.contentWindow.document.documentElement.scrollWidth; } //IE else if(iframe.contentDocument) { iframe.height = iframe.contentDocument.width; iframe.width = iframe.contentDocument.height; } }iframe 自动...

js实现网页防止被iframe框架嵌套及几种location.href的区别

首先我们了解一下:window.location.href、location.href、self.location.href、parent.location.href、top.location.href他们的区别与联系,简单的说:几种location.href的区别 js实现网页被iframe框架功能 "window.location.href"、"location.href"、"self.location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举个例子说明(如上图): 如果A,B,C,D都是普通页面,D是C的...

js判断iframe中元素是否存在的实现代码

本文章来给大家介绍js判断iframe中元素是否存在代码,有需要了解的朋友可进入参考。一、纯原生态js实现方法,代码如下:<script> var bb = document.getElementById(PreviewArea).contentWindow.document.getElementById(aPic); if( bb ) { } else { } //apic为子页面Preview.aspx里面元素的Id </script> <body> <iframe name="PreviewArea" id="PreviewArea" scrolling="yes" width="100%" height="290" frameborder="1" src="Previ...

JS判断iframe是否加载完成的方法

本文实例讲述了JS判断iframe是否加载完成的方法。分享给大家供大家参考,具体如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <body> <script type="text/javascript"> var isIE = /msie/i.test(navigator.userAgent) && !window.opera; var iframe...

基于JS判断iframe是否加载成功的方法(多种浏览器)

推荐阅读:JS iFrame加载慢怎么解决在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,而往往iframe还没添加完呢,后边的代码就已经执行完了,所以有些你写的东西根本没有显示出来。这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面:ie浏览器IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内容正...

JSiFrame加载慢怎么解决

在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,有时候会遇到iframe加载很慢什么原因呢,该如何解决呢?带着这个问题一起通过本文学习,寻找答案吧!aaa.html<HTML> <HEAD> <TITLE>aaa</TITLE> </HEAD> <BODY> <IFRAME src="bbb.html" name=bbb width="100%" height="190"> </IFRAME> <INPUT type="button" value="显示text控件值" onclick="alert(bbb.document.all.txt.value)"> <SCRIPT LANGUAGE="JavaScrip...

js如何判断是否在iframe中及防止网页被别站用iframe嵌套

1. js如何判断是否在iframe中Js代码//方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") {alert(在iframe中); } //方式二 if (window.frames.length != parent.frames.length) {alert(在iframe中); } //方式三 if (self != top) {alert(在iframe中); }2. 防止网页被别站用 iframe嵌套将下面的代码加到您的页面 <head></head> 位置即可:Js代码<script language="javascript"> <!-- if (top.location != loc...

JS加载iFrame出现空白问题的解决办法

在使用IE6浏览器开发过程中出现各种奇葩问题,非常棘手,费劲脑汁终于问题解决。特此把我的问题描述及解决办法分享到脚本之家平台,帮助那些遇到此问题的朋友。1、js加载iframe出现空白iframeID 是加载的 Iframe ID号,修改成自己用的即可。 <iframe name="frames" id="iframeID" src=""/> setTimeout("document.frames["+iframeID+"].location.href="+iurls+";",0); //或 setTimeout("document.frames["+iframeID+"].location.rel...

js控制iframe的高度/宽度让其自适应内容

<mce:script language= "Javascript "><!-- window.onload=function() { parent.document.all("iframe1").style.height = document.body.scrollHeight; parent.document.all("iframe1").style.width = document.body.scrollWidth; } // --></mce:script>更多js控制iframe的高度/宽度让其自适应内容相关文章请关注PHP中文网!

JavaScript处理Iframe自适应高度(同或不同域名下)

1.同域名下Iframe自适应高度的处理 <iframe onload="Javascript:SetIFrameHeight(this)" src="../Home/b" id="win" name="win" width="100%" height="1"> </iframe>当然此处我用的是Asp.Net MVC 此处src设置为路由结构 <script type="text/javascript"> function SetIFrameHeight(obj) { var win = obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.of...

Iframe自适应高度并实时监控高度变化的js代码

google N次 + 百度M次 + 试验了1605次之后(听说农药1605就是实验了这么多次后出来的),得出下面成果,在IE7及Firefox3里试了下还能凑合着用用! 1、首先给出个Iframe。 <iframe id="ifrm" marginheight="0" marginwidth="0" height="100" width="1000" frameborder="0" scrolling="no" src="xxxxx.html"> </iframe>2、然后看看怎么获取Iframe中的页面的高度。 其实最麻烦的就是怎么让获取的高度准确,不同的方式不同的浏...

JS实现iframe自适应高度的方法示例

本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下:<iframe id="mainFrame" name="mainFrame" src="/zwgk/hsearchview" width="740" frameborder="0" scrolling="no" scrolling="no" frameborder="0" > </iframe><script type="text/javascript" language="javascript"> function reinitIframe(){var iframe = document.getElementById("mainFrame");try{var bHeight = iframe.contentWindow.document...

JS实现iframe自适应高度的方法(兼容IE与FireFox)

本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下:之前一直被iframe自适应高度的问题困扰,很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来。我已经用过了,真的好用。尤其是对于我这样的JS水平较低(真不好意思)的人来说,这段代码简单易懂,方便修改,只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面,并且修改一下ID名就行了(注意...

jsp页面iframe高度自适应的js代码

以下操作写在body里面,form表单外<iframe id="agentFrame" name="agentFrame" src="" width="0" height="0" style="display:none;" ></iframe> <script type="text/javascript"> function sethash(){ hashH = document.documentElement.scrollHeight; //获取自身高度 urlC = "/test.jsp"; //设置iframeA的src document.getElementById("agentFrame").src=urlC+"#"+hashH; //将高度作为参数传递 } window.onload=sethash; </script...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部