首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js获取iframe中的内容(iframe内嵌页面)

js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他的iframe的id 在父页面中定义函数,再到子页面中调用。...父页面parent.html function getFrameId(f){ var frames = document.getElementsByTagName(“iframe”); //获取父页面所有...iframe for(i=0;i js怎样获取iframe,src中的参数 如何获取iframe里的src里面的属性 js如何修改iframe 中元素的属性 iframe 属性 及用法越详细越好 。。...在线等 iframe元素的功能是在一个html内嵌一个文档,创建一个浮动的郑iframe可以嵌在网页中的任意部分 name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度...(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文 jQuery怎么给iframe的src赋值 给iframe src赋值,代码如下: 特别注意: 1.上述jquery

24.4K50
您找到你想要的搜索结果了吗?
是的
没有找到

iframe内部DOM设置样式引发的思考

问题描述 在自己开发的后台登录界面中使用iframe引入中台的登录界面后,发现登录模块无法居中。于是尝试在iframe自己的项目中透过iframe修改内部的登录模块儿样式。...于是又想到通过js来控制iframe内部DOM的样式。...iframe内部的DOM中body元素有个min-width:1200px的属性设置,导致我设置iframe的宽高时,iframe总会出现滚动条。而我的目的就是要消除滚动条。...除了设置iframe内部DOM的样式还有别的方法吗?是否可以通过iframe的属性设置来达到目的?于是将iframe标签的相关属性都看了一看,最终通过设置iframe的属性解决问题。...referrerpolicy表示在获取 iframe 资源时如何发送 referrer 首部。

2K20

利用iframe技巧获取訪问者qq

今天工作时,有个暂时加的好友问我,怎么利用web页面获取訪问者的qq。...原楼主发现了这个链接,可是没弄出来,他想的是用ajax啥的,岂不知我们的大iframe是多么的牛叉,在页面上放入个0宽高的iframe,仅仅要用户之前登录过qq相关站点,在浏览器下留下cookie,那么准能获取...qq号码和昵称,当然了用户同一时候登录两个仅仅能获取一个qq号码,昵称为空,没有登录,显示的是三个0。...偷偷的告诉你,也能够利用这个iframe做xss。啥,我可不会xss,我是好人,恩,对,是的。 就这样,就获取到了訪问者的qq,接下来的活就不用我交了吧。啥,不知道接下来的活是啥,营销啊,进入你的页面说明有企图啊,不多说了。

51020

前端爬坑日记之vue内嵌iframe并跨域通信

2、vue如何获取iframe对象以及iframe内的window对象? 3、vue如何向iframe内传送信息? 4、iframe内如何向外部vue发送信息?...src属性绑定data中的src,第一步引入就完成了 2、vue如何获取iframe对象以及iframe内的window对象?...$refs.iframe) } } 然后就是获取iframe的window对象,因为只有拿到这个对象才能向iframe中传东西 <div class="...$refs.<em>iframe</em>.contentWindow }, handleMessage (event) { // 根据上面制定的结构来解析<em>iframe</em><em>内部</em>发回来的数据 const...现在通过点击“向<em>iframe</em>发送信息”这个按钮,<em>从</em>外部vue中已经向<em>iframe</em>中发送了一条信息 { cmd: 'getFormJson', params: {} } 那么<em>iframe</em><em>内部</em>如何处理这个信息呢

6.4K40

基于iframe的移动端嵌套

其中的一个需求为返回的时候哪里点出去返回到哪里 7.某个安卓机后返回无法重新加载iframe 解决 声明嵌入的iframe页面其中4个都是内部项目,同源的,所以大部分处理的问题不存在跨域问题。...',function(e){ e.preventDefault(); }); 2.meta元素的ontent不一致 这个暂时没有好办法,iframe渲染的meta也是默认走的最上层的meta,所以他自己的内部...我的解决办法是在原项目下页面html,body依旧设置为100%,而初始化的时候js获取屏幕的宽度再设置body的宽度。...4.iframe的页面a标签的锚点失效 若iframe不涉及跨域,网上有兼容代码可以重新设置a标签,跨域解决不了,因为跨域的情况下,外部页面是无法获取iframe下的元素的,最后这个导航做了外部跳转。...$("#iframe").attr("src",url).ready() 8.其他 获取iframe内部元素 document.getElementById('iframe').onload = function

3.6K60

基于iframe的跨域与更新父窗体地址栏的解决方案

我们管理平台的角度来说是没有问题的,管理提供了一个入口地址,可以正常接入运维平台的页面。运维平台内部页面中还可调整到其他页面,我们就不做管理了。...2.3 解决iframe实现刷新页面保持 针对上面的问题,我的解决方法是:第一,每次在iframe内部页面跳转后,获取iframe内跳转后最新的src值。...然后在每次ifrmae内部src变化时,便会调用onLoad()。内部在window.location的hash值变化后,获取子窗体的href值,再对父窗体的地址栏做修改。...以虚拟机模块的代码为例,由于虚拟机页面还有可能跳转到母机模块,这里也要考虑到: 图片1.png 如果是在获取到子窗体的src后,以window.location.href = xxx;的方式来修改父窗体...实际上iframe内部页面点击链接后会发生跳转的动作,如果这时又再次刷新页面,让用户本来已经看到页面跳转后,再看到重新刷新页面,用户体验上考虑并不好。

13.7K1350

Web 嵌入 | Electron 安全

iframe 内部内容的 window,因为我们只有一个 iframe ,所以序号为 0 setTimeout(function() { console.log(window.frames[0..., iframe 就可以通过 "找爹" 的方式获取到渲染页面的上下文,这里有一个问题,既然关闭了上下文隔离,是不是说 iframe 就可以一路找上去,获取到 Preload 脚本中的上下文呢?...可以看到,此时 iframe 还是可以获取到渲染页面的上下文,但是无法获取到 Preload 脚本的上下文了 5....和内部的代码同时存在时,data 部分正常执行,内部的 HTML 似乎不会渲染在页面上显示,但是内部的 JavaScript 会正常执行,执行限制和渲染页面策略一致,而不是和 data 指向的页面策略一致...注意: 宿主页上调用 webview 的方法大多数都需要对主进程进行同步调用。

21810

浏览器分页静默打印

方法二:利用 iframe 进行打印。 将所需要打印的内容创建为 html 字符串再传入 iframe 内部进行渲染,最后执行iframe.contentWindow.print()。...只不过是在其 iframe 内部调用,这样只需要将我们需要打印的内容渲染在 iframe 内部,就能实现自定义打印了。...内嵌页面字符串并执行打印 有了打印方法,接下来就需要创建 iframe 内部的 html 字符串了。...// cdn上获取html字符串 const htmlStr = await fetchRemoteData('这里填写html模板字符串的cdn地址'); // 服务端获取数据 const data...= await fetchRemoteData('这里获取接口数据,用于打印文件的数据'); // 使用mustache模板语法进行渲染(需要和html模板字符串模板一致,可以使用其他模板如 handlebars

41210

iframe关闭父页面(iframe嵌套https页面)

[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1(显示)0(不显示) id 和其他的html标签id一样...="0" width='200px' height='300px' > console.log(window.frames['child']);//获取到子页面的...window对象 1、获取iframe内部元素 var frame=ducument.frames[‘name’] || document.getElementById(); 常用属性...对象 2、获取父页面 子页面可以访问、修改同一个域名的父页面的方法和属性 window.parent/parent 获取当前页面的父页面-iframe所在的页面 parent.window 获取父页面的...window属性 parent.document 获取父页面的document属性 window.top 获取打开该页面的父页面,如果当前页面没有被嵌套到iframe中,window.topwindow

6.7K10
领券