javascript跨框架(iframe)使用案例

最新推荐文章于 2024-03-08 23:31:34 发布
原创 最新推荐文章于 2024-03-08 23:31:34 发布 · 2.7k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
Javascript

当前文章被收录于：

Javascript
6 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了两种跨框架数据交互的方法：一是子框架向父框架传递坐标数据；二是父框架调用子框架的功能函数。通过具体代码实例展示了如何实现这些功能。

1、从子框架向父框架的对象传值（txtLatitude是父框架的文本框控件）

                var lat = 32.23245;

                window.parent.document.getElementById("txtLatitude").value = lat;

2、从父框架调用子框架的函数(showPoints是子框架的函数)
window.frames[0].showPoints(points, "");
标签
#框架 #javascript #iframe
如何开发跨框架的组件
LuckyWinty的博客
07-21 1882
背景笔者所在的业务中台团队，需要提供业务组件给不同的上层业务方使用，但因为一些历史遗留问题，不同业务线使用的框架不统一，包括 jQuery、React 、Vue。为了满足不同业务方的需...
IFrame安全问题解决办法（跨框架脚本(XFS)漏洞）
Jafey的博客
10-20 1万+
本文记录了本人在项目遇见并解决跨框架脚本(XFS)漏洞的办法。
iframe框架_如何开发跨框架的组件
weixin_39719476的博客
12-01 384
作者：明明转发链接：https://mp.weixin.qq.com/s/BehjH5xVXFWohQXFl3u-kQ背景笔者所在的业务中台团队，需要提供业务组件给不同的上层业务方使用，但因为一些历史遗留问题，不同业务线使用的框架不统一，包括 jQuery、React 、Vue。为了满足不同业务方的需求，往往需要根据业务方使用的框架，开发对应框架的组件。这样做就会产生一些痛点：每种选型都需要开发一...
JQuery 跨框架(iframe)操作
majian_1987的专栏
09-26 8529
使用jquery操作iframe 1、 内容里有两个ifame leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src","http://www.radys.cn") 2、 如果内容里面有一个ID为mainiframe的ifame   ifame包含一个so
Jquery Javascript 取得iframe中元素的几种方法
热门推荐
一米阳光
09-19 11万+
<br />query取得iframe中元素的几种方法<br /> <br />在iframe子页面获取父页面元素<br /> 代码如下:<br /><br /> $('#objId', parent.document);<br /> // 搞定...<br /><br /><br /> 在父页面 获取iframe子页面的元素<br /> 代码如下:<br /><br /> $("#objid",document.frames('iframename').document)<br /> <br
js判断是否在iframe和禁止网页在iframe中显示
侞婼冇罪
11-16 6306
js判断在iframe里： //方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.length != parent.frames.length) { aler
JavaScript-iframe
可可的博客
11-23 3742
JavaScript-iframe 经常进行页面布局的人对于HTML中的iframe标签一定不陌生，iframe标签是一个内联框架，换言之就是用来在当前 HTML 页面中嵌入另一个文档的。 <iframe> 标签是一个内联框架，即用来在当前 HTML 页面中嵌入另一个文档的，且所有主流浏览器都支持iframe标签。 height可以设置框架显示的高度 width可以设置框架显示的宽度 name可以定义框架的名称 frameborder用来定义是否需要显示边框，取值为1表示需要边框 scro
JS操作iframe里的dom
一个有味道的Weber
04-25 3544
JS操作iframe里的dom一、父级窗口操作iframe里的domJS操作iframe里的dom可是使用contentWindow属性，contentWindow属性是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则，必须指定contentWindow属性，c
前端iframe标签介绍及使用
宋文轩
09-30 1万+
一、使用的场景：有重复的板块内容显示的时候 后端如果是模板渲染方式(得到页面是通过继承的形式)，可以换成iframe来请求直接获取子功能页面 iframe标签的作用：iframe标签可以实现html主页面嵌套html子页面，子页面可以是一个功能页面，在某些时候使用iframe非常的方便。所以如果是模板渲染方式的，前端就可以使用iframe标签节省一点网络带宽(传输的内容会少一些，并且主页面不会刷新，只是iframe在请求得到新的资源)。 二、模板渲染和iframe的对比： 1.子页面通过继承的方式去
通过JavaScript自由切换iframe
weixin_30871905的博客
04-21 2744
我发现我有很大的强迫症，如果看到别人的文章没有最终的效果图，我会毫不犹豫关掉这个页面。真的很炸毛这种，让我有很不舒服的体验；所以纵使网上有类似的了，我还是写一篇给那些跟我有同样症状的人阅读。 首先来学习一下what is iframe： 其实说白了就是在一个网页里再加载一个网页罢了。你可以这样44： 代码如下： <html> <iframe src='ht...
HTML iframe标签用法案例详解
shengyin714959的博客
05-27 1731
iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性。 一、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。提示和注释： 提示：您可以把需要的文本放置在 &l...
iframe共用css、js文件
xpeng2006的专栏
05-11 7763
<br />因为iframe中调用的页面都将采用统一风格，所以它们会有一些共用的css文件，和一些js文件；如果每个页面都去引用，<link href="Console/Style/Public.css" rel="stylesheet" type="text/css" />或<script language="JavaScript" type="text/javascript" src="Console/JavaScript/Parameter.js"></script>；<br />的确是比
js操作Iframe(获取Iframe中的节点内容)
qq_41585377的博客
08-21 1万+
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式：window.frames[“iframe的name值”].document.getElementByIdx_x(“iframe中控件的ID”).click(); 实例：window.frames[“ifm”].d...
跨框架iframe菜单显示
fengyunsky
03-29 4016
<!--v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);}--> Normal 0 7.8 磅 0 2
JavaScript：使用Xpath定位网页元素（含Iframe定位）
qq_31025841的博客
09-23 9502
JavaScript：使用Xpath定位网页元素（含Iframe定位）一、非Iframe内元素使用Xpath定位二、Iframe内元素使用Xpath定位（非跨域Iframe）三、实战案例（以获取QQ邮箱中收件列表为例）1. 定位Iframe元素2. 获取所有邮件标题和概要 一、非Iframe内元素使用Xpath定位 在JS中定义使用Xpath的函数 注：在Chrome开发者工具Console中可以直接使用该函数，无需定义 function $x(STR_XPATH) { var xresult =
js跨框架调用方法
朩冰雲的专栏
12-02 3789
 页面是三个框架页面组成 topfra 放头文件 leftfra 放树菜单 mainfra 主页面 代码: ============================== leftfra框架引用了 aaa.js文件 aaa.js内定义了 function test() {     alert("test"); } ============================== main
如何使用 JS 截图 iframe？
qq_31813401的博客
03-08 2575
在函数的回调函数中，我们将生成的 canvas 元素添加到了指定的存储区域中，并在控制台上打印了 base64 格式的图片数据。其中，html2canvas 是一个用于将网页内容转换为 canvas 元素的库，而 jQuery 则是一个常用的 JavaScript 库，用于简化 DOM 操作。首先，如果 iframe 的 src 属性指向了外部网页，由于跨域原因，我们无法对其进行截图。其次，即使是对自己的网页进行截图，如果加载了外部图片，同样会因为跨域问题而导致部分截图失败。希望本文对你有所帮助！
iframe js 加载失败_用js动态添加了一个iframe，无法访问iframe页面的方法<急>
weixin_42510460的博客
12-29 1989
用js动态添加了一个iframe，但无法调用iframe页面的方法，提示“对象不支持此属性或方法”，通过iframe的ID能访问iframe的属性。如果不动态创建，用同样的方法，又能调用。functionfA...用js动态添加了一个iframe，但无法调用iframe页面的方法，提示“对象不支持此属性或方法”，通过iframe的ID能访问iframe的属性。如果不动态创建，用同样的方法，又能调用...
JQuery设置onclick事件无效的处理方法
阿达King哥的博客
05-23 2万+
//必须先清除原有的事件 $("#" + ctrId).attr("onclick", "");  //再重新绑定新的事件  $("#" + ctrId).bind("click", function() {  locate(ctrId); });
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值