【手动触发的Javascript事件不针对iFrame上下文中的元素传播】教程文章相关的互联网学习教程文章

解决同一页面中两个iframe互相调用jquery,js函数的方法

这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下:<iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0" src="b.html" id="left"></iframe> <iframe width="100%" height="100%" name="main1" scrolling="auto" frameborder="0" src="c.html" id="main1" ></iframe>b.html中有一个treeview,称为左菜单iframec.html为b.ht...

jQuery简单实现iframe的高度根据页面内容自适应的方法

本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下:方式1://注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () {var mainheight = $(this).contents().find("body").height() + 30;$(this).height(mainheight); });方式2://注意:下面的代码是放在iframe引用的子页面中调用 $(window.parent.document).find("#iframeId").load(function () {v...

iframe背景透明的设置方法

IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。 2.在 iframe 内容源文档,background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent<iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308"...

iframe子页面获取父页面元素的方法

在iframe子页面获取父页面元素 代码如下: $.(#objld, parent.document);在父页面获取iframe子页面的元素 代码如下: $("#objid", document.iframes(iframe).document)或 $(document.getElementById(iframeId).contentWindow.document.body).html() $(document.getElementById(iframeId).contentWindow.document.body).html()显示iframe中body元素的内容 $("#testId", document.frames("iframename").document).html()更多iframe子...

js中iframe调用父页面的方法

本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下:子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了比如调用a()函数,就写成:window.parent.a();但是我在chrome浏览器下却发现此方法无效了//在父页面中调用该函数 <script> function dey() { var cards_frame=document.frames("card-iframe"); //card-iframe为iframe...

iframe子父页面调用js函数示例

1、iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成: window.parent.a();子页面取父页面中的标签中的值,比如该标签的id为“test”,则: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).contents().find("test").val();但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在chrome 5+中,window.parent无...

javascriptiframe跨域详解

1.什么引起了ajax跨域不能的问题 ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。2.有什么完美的解决方案么? 没有。解决方案有不少,但是只能是根据自己的实际情况来选择。具体情况有: 一、本域和子域的相互访问: www.aa.com和book.aa.com 二、本域和其他域的相互访问: www.aa.com和www.bb.com 用 iframe 三、本域和其他域的相互访问: www.aa.com和www.b...

js能实现监听F5页面刷新子iframe而父页面不刷新的方法

重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe,我下面给出了思路document.onkeypress = function(e){if(e.keyCode == 116){e.preventDefault(); //组织默认刷新var iframeSrc = iframe.src;iframe.src = iframeSrc;} } iframe页面里再写如下:var iframeSrc = parent.iframe.src; document.onkeypress = function(e){e.preventDefault();parent.frame.src = iframeSrc; }

JavaScript中关于iframe滚动条的去除和保留

在开发中经常遇到去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条,大家基于js是怎么实现的呢?下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的实现方法。一起看看吧!iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢? 一:去掉全部的滚动...

JavaScript自动设置IFrame高度

[javascript]function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = u...

调用iframe中父页面/子页面中的JavaScript方法

明:假设有2个页面,index.html和inner.html。其中index.html中有一个iframe,这个iframe的src指向inner.html。我们现在要做的就是:1.在index.html中调用inner.html上的一个js方法2.在inner.html中调用index.html上的一个js方法实现代码如下:index.html1.<html>2.<head>3.<script type="text/javascript">4.function ff(){5.alert(">>this is indexs js function");6.}7.</script>8.</head>9.<body>10.<div style="background: l...

jsiframe的onload事件不去作用的原因及解决办法

通过createElement_x_x创建的iframe的onload事件在有些时候不响应,具体原因和解决办法如下。首先,我们来看一下下面这种方法: function?createFrame(){?var?frame = document.cerateElement("iframe");frame.onload =?function(){alert("loaded - createFrame");}frame.src =?"http://www.phper.org.cn";document.body.a(frame);}这一段在FF下是完全如我们所想,能够达到预期效果,但是在IE下面似乎就失效了,导致这种结果的原因...

js如何判断iframe是否完全加载

var iframe = document.createElement("iframe"); iframe.src = "http://www.manongjc.com"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.onreadystatechange = function(){ if (iframe.readyState == "complete"){ alert("Local iframe is now loaded."); } }; } document.body.appendChild(iframe); 最近, Nicholas C. Zakas 文章《...

动态加载iframe_JavaScript【代码】【图】

服务器端生成 " end if if ..... then response.write "" end if %>客户端生成if .... thenstr="" end if if ... then str=str&"" end if 生成IFRMAE document.all("div1").innerhtml=str给IFRAME里面的表单控件赋值。 document.all("frame1").document.all("xxx").value=xxx提交时 document.all("frame1").form1.submit() document.all("frame2").form1.submit() 以上方法说明了一个思路,没有经过验证,请自行验证。JavaScript教...

关于IFRAME自适应高度的研究_表单特效

关于IFRAME 自适应高度的研究——之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下。   重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”   之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下 超简单哦   1、建立一个bottom.js的文件,然后...

元素 - 相关标签
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 全部