有没有办法从Iframe的内容中获取父URL？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

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：内嵌帧高度...JavaScript如何修改页面中iframe的属性值 HTML5有客户端数据储存的方法，但是支持的浏览器不多。

27.3K5 0

Java 技术篇 - 从指定的web网页页面中读取html内容实例演示，从http协议下的url地址中读取web页面内容方法

实例为从我文章中读取标题。通过 class 属性锁定标题元素，把匹配的内容打印出来。...void main(String[] args) throws IOException { /* 作用：从url中读取web页面的内容 */...String html_url = "https://lanzao.blog.csdn.net/article/details/119329989"; // 连接的超时时间...("sun.net.client.defaultReadTimeout", "20000"); try { URL url = new URL(html_url...BufferedReader(input_stream_reader); String html_reader_line = null; // 读取html内容

3.1K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

学员投稿 | iframe 解决跨域

，网上相关内容一抓一大把，但是突然学习到一个关于前端解决跨域的方式就是利用 iframe 不管你有没有了解过，反正我没有我觉得很有用并且容易忘，所以我记录下来哈哈哈下面会分三块内容进行描述... 下有 b.html b.html 也是辅助页，用于请求数据（以下简称B）内容页 A 在 A 中，使用 iframe 嵌入了B，并且全局设置了一个函数 getData 这个函数的作用是，为了给C页面调用...1、iframe 2、两个辅助页 3、数据回调所以我们封装的函数必须要满足这几个东西首先，封装一个函数创建 iframe 插入 body 中，并且转到传入的 url function createIframe...比如请求的接口需要某些参数，这些参数是父页面提供的，所以就只能把这些参数放到 iframe 的 url 上以便通信拼接 url 函数 function parseUrl (url, param) { ...，我们还是有必要来看下怎么使用的啊封装函数的实践在这里我先出一个大王函数，用于获取链接参数的，直接得到对象的作用如下然后就到我们的正文了首先，我们的内容页率先登场，并且调用 cross 表示调用接口

2.7K3 0

【JS应用】Iframe 解决跨域

，网上相关内容一抓一大把，但是突然学习到一个关于前端解决跨域的方式就是利用 iframe 不管你有没有了解过，反正我没有我觉得很有用并且容易忘，所以我记录下来哈哈哈下面会分三块内容进行描述...是辅助页（以下简称C） 2、localhost:3002 下有 b.html b.html 也是辅助页，用于请求数据（以下简称B）内容页 A 在 A 中，使用 iframe 嵌入了 B，并且全局设置了一个函数...比如请求的接口需要某些参数，这些参数是父页面提供的，所以就只能把这些参数放到 iframe 的 url 上以便通信拼接 url 函数 function parseUrl (url, param) {...放到 url 上，然后子页面就可以直接从 url 上拿参数，并取其中的字段 parentFunc ，就可以知道函数名啦优化随着请求越来越多，生成的全局随机函数肯定会越来越多，并且是一次性的，不会再被使用...ajax({ 那么现在就只剩下我们的C 页面了从url 上获取到函数名，然后拿到父页面的 window（也就是 parent）直接调用，并且传入 window.name 这样，整个流程就走完了

18.7K1 1

【前端安全】JavaScript防http劫持与XSS

这种情况还比较好处理，我们只需要知道我们的页面是否被嵌套在 iframe 中，如果是，则重定向外层页面到我们的正常页面即可。那么有没有方法知道我们的页面当前存在于 iframe 中呢？...上面也说了，使用 top.location.href 是没办法拿到父级页面的 URL 的，这时候，需要使用document.referrer。...通过 document.referrer 可以拿到跨域 iframe 父页面的URL。...没有，我们虽然重定向了父页面，但是在重定向的过程中，既然第一次可以嵌套，那么这一次重定向的过程中页面也许又被 iframe 嵌套了，真尼玛蛋疼。...我们假设注入已经发生，那么有没有办法拦截这些内联事件与内联脚本的执行呢？对于上面列出的 (1) (5) ，这种需要用户点击或者执行某种事件之后才执行的脚本，我们是有办法进行防御的。

3.6K4 0

详解使用postMessage解决iframe跨域通信问题

但这样似乎有点小题大做了，有没有更方便快捷的方法呢？在window对象下有个postMessage方法，是专门用来解决跨域通信问题的。...','*'); } 我们知道postMessage是挂载在window对象上的，所以等iframe加载完毕后，用iFrame.contentWindow获取到iframe的window对象，然后调用...postMessage方法第二个参数可以设置要发送到哪个url，如果当前子页面的url和设置的不一致，则会发送失败，我们设置为*，代表所有url都允许发送。...： event对象中的data属性存放着我们从父页面传过来的数据，就这么简单！...以上就是本文的全部内容，希望对大家的学习有所帮助

5.2K2 1

油猴脚本从编写到检测

接下来就是写脚本，主要思路是页面分为列表页，从列表页可以进入详情页。...那么脚本就设置在列表页进行为了直观显示，将在列表页创建一个iframe用来显示爬取的详情页模拟用户去点击每一个商品操作，这样子做轮询实现列表页：获取当前的页面，获取商品数，获取每个商品的链接...，不会对网页注入script元素，它通过沙盒向网页中传递信息以达到控制dom的操作。...所以如果要对脚本进行检测，没有像上面代码这样子向页面中植入iframe的话，通过去检测dom和window是无法检测出使用油猴脚本的。...，但应该还是有其他的办法，后续也会对其进行研究。

5.6K1 0

前端和前端联调的各种姿势，了解一下

不同的人负责的东西同时展示在页面上交互，那么两个前端开发的过程中必然有联调的过程背景：父页面index.html里面有一个iframe，iframe的src为子页面(另一个html的链接)，下文都是基于此情况下进行...更骚的操作，自己和自己通信都是两个页面，要写两分html，有没有办法不用写两个html呢，只需要一个html呢？其实是可以的！给url加上query参数或者哈希，表示该页面是子页面。...，并通过它的两个MessagePort 属性发送数据，而且在 Web Worker 中可用。...可以被多个页面同时使用，可以从几个浏览上下文中访问，例如几个窗口、iframe、worker。...，既然contentWindow是iframe自己的window，那么我们就可以随意注入任何内容，供iframe调用了。

1.6K1 0

动手写 js 沙箱

"username")); // will print "Mulder" console.log(auth.eval("password")); // will print "trustno1" 那有没有什么办法可以解决...那有没有办法解决global var的办法呢？有啊... 只是有点复杂先用with,在用Proxy with with这个特性,也算是一个比较鸡肋的,他和eval并列为js两大SB特性....compileCode (src) { src = 'with (sandbox) {' + src + '}' return new Function('sandbox', src) } 这样,所有的内容多会从...接着,我们来看一下,如果使用iframe,来实现代码的编译. 这里,Jsfiddle就是使用这种办法. iframe 嵌套最简单的方式就是,使用sandbox属性. 该属性可以说是真正的沙盒......我们实际上只能从上面获取信息. 该API常常用在window和iframe的信息交流当中. 现在,我们回到上面的内容. <!

3K0 1

HTTP 劫持

这样的广告，不但可以在一些中小网站上见到，在国内大型网站上也屡见不鲜。很多网民会立即怀疑自己的机器有没有中病毒或者木马，或者是什么恶意的浏览器插件又在作祟。其实，这都是运营商搞的鬼。...在 2010 年的时候，因为这样的劫持行为，青岛联通还在一场引起轩然大波的索赔案件中败诉，被罚 20 万元给百度。索赔从金额来看显然是小事，但是对于中国互联网的成熟还是有积极意义的。...既然已经知道了原理，那么自然就容易想到解决的办法。...对于这一类劫持，有一个共同特点是，原有网站的页面，都是放在一个 iFrame 里面的，那么只要加上这样的脚本，判断如果页面是以一个 iFrame 加载的，就让父页面重定向到原页面去： if(top!...首先我们需要获取这种行为的具体信息，一种办法是你掌握一个页面原有的 JavaScript 方法、DOM 对象列表，或者是浏览器请求的域名列表（类似于一个白名单），如果发现列表之外的未知方法、DOM 对象的引入

1.2K1 0

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

运维平台内部页面中还可调整到其他页面，我们就不做管理了。但是这样简单的实现方式，在体验上存在一个问题：当用户正常进入虚拟机管理页面后，由于可以从页面内容跳转到其他页面，例如跳转到某个详情页面。...内部在window.location的hash值变化后，获取子窗体的href值，再对父窗体的地址栏做修改。...以虚拟机模块的代码为例，由于从虚拟机页面还有可能跳转到母机模块，这里也要考虑到：图片1.png 如果是在获取到子窗体的src后，以window.location.href = xxx;的方式来修改父窗体...这样每次iframe内部的src发生变化后，都会相应修改父窗体的地址栏，但又不会去刷新当前页面，效果上看起来就像是在自己的页面中操作，感受不到跨站点的问题。...每次刷新页面，在页面初始化时，就根据当前父窗体的地址栏中的url去得到属于运维平台的location.search值，用这个值修改iframe的src值，达到每次刷新页面，都可以根据当前地址栏的url，

15.2K135 0

Comet——服务器推送解决方案

类似这些消息，需要服务器即时地更新到浏览器，因为浏览器并不知道恒生指数有没有涨到三万两千点。这个问题的实现方案就是今天要记录的Comet。...恩，区别就在于服务器在没有响应的时候会把请求hold住，直到有消息要返回或者超时返回 [Fh3QAUAkKxfFZrtHT3izjslrcxJP] 从浏览器的角度来看，长轮询的办法保持了有效的请求，又避免了大量无效请求...当作一个不断增加内容的文档，然后在增量文档中生成script标签调用预定义的回调函数，这里也有jsonp的思想在里面。...; 这个方法的问题在于，没有办法实现可靠的错误处理或者跟踪连接的状态，因为所有的连接和数据都是由浏览器通过script标签来处理的，于是某一端什么时候断开了咱们并不知道。..., callback); } } xhr.send(null); } 其实跟永久帧的方法也类似，只不过是把iframe获取内容的方式改成了ajax，然后在xhr内部处理增量逻辑

1.6K0 0

Comet——服务器推送解决方案

类似这些消息，需要服务器即时地更新到浏览器，因为浏览器并不知道恒生指数有没有涨到三万两千点。这个问题的实现方案就是今天要记录的Comet。...恩，区别就在于服务器在没有响应的时候会把请求hold住，直到有消息要返回或者超时返回 ? 从浏览器的角度来看，长轮询的办法保持了有效的请求，又避免了大量无效请求，并且即时性更好，这是一种可行的方案。...当作一个不断增加内容的文档，然后在增量文档中生成script标签调用预定义的回调函数，这里也有jsonp的思想在里面。...; 这个方法的问题在于，没有办法实现可靠的错误处理或者跟踪连接的状态，因为所有的连接和数据都是由浏览器通过script标签来处理的，于是某一端什么时候断开了咱们并不知道。..., callback); } } xhr.send(null); } 其实跟永久帧的方法也类似，只不过是把iframe获取内容的方式改成了ajax，然后在xhr内部处理增量逻辑

1.4K2 1

单点登录的 3 种实现方式

应用系统检查当前请求有没有 Token，如果没有，说明用户在当前系统中尚未登录，那么就将页面跳转至认证中心。...如果认证中心发现用户尚未登录，则返回登录页面，等待用户登录，如果发现用户已经登录过了，就不会让用户再次登录了，而是会跳转回目标 URL ，并在跳转前生成一个 Token，拼接在目标 URL 的后面，回传给目标应用系统...父域 Cookie 确实是一种不错的解决方案，但是不支持跨域。那么有没有什么奇淫技巧能够让 Cookie 跨域传递呢？很遗憾，浏览器对 Cookie 的跨域限制越来越严格。...关键代码如下： // 获取 token var token = result.data.token; // 动态创建一个不可见的iframe，在iframe中加载一个跨域HTML var iframe...Token 写入到了多个域下的 LocalStorage 中，前端每次在向后端发送请求之前，都会主动从 LocalStorage 中读取 Token 并在请求中携带，这样就实现了同一份 Token 被多个域所共享

1K1 0

广告等第三方应用嵌入到web页面方案之使用js片段

: 　服务端接收到请求后, 从url中提取到参数, 再根据参数从数据库中查找出对应的数据信息,比如是广告的话, 就查找到对应的广告素材, 并将查询到的数据信息插到javascript模板中, 浏览器执行...服务端生成脚本,所有的代码和数据都包含在生成的js文件中,不需要做额外的请求,适用于内容及样式相对简单的页面.比如只有一个图片的广告展示.对于内容较多,样式较为复杂的内容展示通过第二种方案实现更加灵活....两种方案实现起来, 主要以下几步: 1.获取参数 --> 2.获取数据 --> 3.输出html 1.传递参数下面介绍一下脚本参数传递的几种方式的优缺点: 　　1.通过拼接URL传递的元素之后(即可以追加到已知位置) 　　缺点: 　　　　1.使用字符串拼接不利于HTML片段的编写和维护　　　　2.会继承父页面样式　　　　3.主页面可更改DOM内容　　字符串拼接不利于编写和维护的问题...1.需要在iframe外部呈现内容, 场景: 第三方应用中需要弹出对话框时,如果iframe不是覆盖整个页面的, 就无法正常展示对话框　　2.一个页面引入很多个iframe嵌入页面, 同一个页面引入许多个

3.7K11 1

百度编辑器的那些坑

iframe也就是表单的父页面使用了一个textarea 标签来保存具体的内容，导致即使我在iframe操作之后，依然会出现问题。...，跑去父窗口拿到数据的文本内容，做了一点点的延时加载。...第一个问题：在IE当中，使用ctrl + V 是没有任何反应和效果的，而在谷歌的浏览器下面，第二个问题：在IE中, 复制粘贴word内容无法粘贴图片无法解决的办法： https://www.cnblogs.com...不出所料，没有内容，我们直接打印 e 事件对象，看看有没有想要的内容 ? 错了，使用console： ?...总结：不是一码事，针对上传操作做了一些兼容和优化而已，无法解决粘贴的问题官方Github:问题描述：从word中复制的图片粘贴到UEditor中以后不能正常显示，work图片转存的按钮也不可用。

1.6K3 0

单点登录的三种实现方式，你会几种？

来获取 Session。...应用系统检查当前请求有没有 Token，如果没有，说明用户在当前系统中尚未登录，那么就将页面跳转至认证中心。...父域 Cookie 确实是一种不错的解决方案，但是不支持跨域。那么有没有什么奇淫技巧能够让 Cookie 跨域传递呢？很遗憾，浏览器对 Cookie 的跨域限制越来越严格。...关键代码如下： // 获取 token var token = result.data.token; // 动态创建一个不可见的iframe，在iframe中加载一个跨域HTML var iframe...Token 写入到了多个域下的 LocalStorage 中，前端每次在向后端发送请求之前，都会主动从 LocalStorage 中读取 Token 并在请求中携带，这样就实现了同一份 Token 被多个域所共享

10.4K2 1

记录工作中遇到的各种问题（Bug，总结，记录）

而AjaxFileUpload插件的上传文件处理方式是，获取返回的实体内容，直接进行eval 解析，解析失败，报错，则无法上传 ?...父页面中有iframe，iframe里面有分页按钮，在父页面对iframe做加载之后监听iframe中点击事件的操作，初始第一页正常，但点击第二页之后事件就失效了原代码： ?...第一次成功打印出来，即触发了load事件，但点击下一页后，iframe实际上已经刷新了，但并不会再触发这个load事件后来的解决办法是换了种监听方法，区别主要是获取iframe对象的方式变了，还不知为啥会这样...word文档中复制带换行的内容到编辑器中会有乱码，如 ? 调试找到了解决办法，改了源码，给作者提了个pr就好了 ? 31. requirejs可以使用urlArgs参数自定义文件是否缓存 ?...，从timeline瀑布流中发现资源并不是按照页面代码顺序由上往下请求，比如中的src资源和css文件中的background-image属性中的src资源加载的顺序，资源并行加载的数量不清晰

19.2K1 2

深入理解的双向通信：从基础到实战

前言在现代 Web 开发中，iframe> 是一个常用的 HTML 元素，用于在页面中嵌入另一个网页。然而，iframe> 的嵌入页面与父页面之间的通信一直是一个复杂且容易出错的问题。...本文将深入探讨 iframe> 的双向通信机制，从基础概念到实战应用，帮助开发者彻底掌握这一技术。1. 什么是 iframe>？...它的语法如下：iframe src="https://example.com" width="600" height="400">iframe>• src：指定嵌入页面的 URL。...在 Web 开发中，父页面和嵌入的 iframe> 页面之间通常需要交换数据或触发某些操作。例如：• 父页面需要获取 iframe> 中的表单数据。• iframe> 需要通知父页面加载完成。...iframe> 通信的常见场景以下是一些常见的 iframe> 通信场景：• 表单提交：父页面获取 iframe> 中的表单数据。• 动态调整大小：iframe> 根据内容动态调整高度。

9582 1

让你在WebView中用JS调Native Object

背景之所做这个东西，源于之前项目中需要把一些页面用webView来呈现，但是web中需要调用native的方法，比如获取本地存的某些数据、调用摄像头等等，这里也就是说JS要和OC能够互通有无。...但是这里有个问题，我通过class_copyMethodList去获得一个Class以及它的父类上的方法，这样子的遍历其实是很耗性能的，尤其是当你需要注入的类特别多的时候。...我最开始是想看看在JS中有没有办法实现像forwardinvocation这样的东西，如果有的话我就可以根本不需要提前去注入了，只需要调用的时候去查找就好了。...然后从这个特殊的URL上面取到我要调用的对象的名字，方法名以及参数等等。...由于我是依赖的UIWebView，没有用JavascriptCore这样高大上的东西，所以答案我的答案是没有办法。

3K3 0

点击加载更多

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

Java 技术篇 - 从指定的web网页页面中读取html内容实例演示，从http协议下的url地址中读取web页面内容方法

学员投稿 | iframe 解决跨域

【JS应用】Iframe 解决跨域

【前端安全】JavaScript防http劫持与XSS

详解使用postMessage解决iframe跨域通信问题

油猴脚本从编写到检测

前端和前端联调的各种姿势，了解一下

动手写 js 沙箱

HTTP 劫持

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

Comet——服务器推送解决方案

Comet——服务器推送解决方案

单点登录的 3 种实现方式

广告等第三方应用嵌入到web页面方案之使用js片段

百度编辑器的那些坑

单点登录的三种实现方式，你会几种？

记录工作中遇到的各种问题（Bug，总结，记录）

深入理解的双向通信：从基础到实战

让你在WebView中用JS调Native Object

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐