jQuery-获得iframe内容-1.1

最新推荐文章于 2021-12-10 19:21:03 发布

彩舒

最新推荐文章于 2021-12-10 19:21:03 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

分类专栏：前端技术文章标签： iframe

本文链接：https://blog.youkuaiyun.com/caishu1995/article/details/86505032

前端技术专栏收录该内容

105 篇文章

订阅专栏

本文分享了一种在iframe加载完成后获取其内部内容的有效方法。通过设置特定ID并监听'load'事件，确保了在iframe完全加载后进行内容抓取，避免了因页面未加载完成而导致的内容为空的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先设置iframe的id为baseIFrame，然后设置加载完成

$("iframe[id='baseIFrame']").on("load",function(){
    var iframeWindow=$("iframe[id='baseIFrame']")[0];
    var aa = $(iframeWindow.contentWindow.document).find("table");
});

我之前是设置页面加载完成后获得内容，结果会发现都是空的。。。还是这个好使

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

彩舒

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

YK菌的博客

02-23

3万+

文章目录1. Ajax概述1.1 AJAX 简介1.2 XML 简介1.3 AJAX 的特点1.3.1 AJAX 的优点1.3.2 AJAX 的缺点2. 原生AJAX 的基本使用2.0 准备工作2.1 核心对象2.2 使用步骤2.3 使用案例1. GET 请求设置请求参数2. POST请求2.4 解决IE 缓存问题2.5 AJAX 请求状态3. jQuery 中的AJAX3.1 get 请求3.2 post 请求4. 跨域4.1 同源策略4.2 如何解决跨域4.2.1 JSONP4.2.2 CORS 1.

vue伪(微)前端开发指南:element-admin + sso + iframe 系统嵌套

Zihuatanjo

06-26

3310

最近组内开发了一套数字中台的后台管理系统,该系统作为入口系统 ,可以在系统内访问其他子系统的页面,所有的系统集成了sso 单点登录,因此子系统嵌入的页面不再需要校验登录逻辑,除非token令牌已经失效,有相关的逻辑处理.踩了一些坑,比如内嵌系统因为浏览器cookie缓存机制,需要将token令牌存储机制改为sessionStorage等等; 1.内嵌页面在所属系统内的资源设置(路由动态返回) 归属系统在UAC(资源配置系统)单独配置内嵌页的资源,将内嵌页提到一级路由,资源src直接指向内嵌页组件对象而不是

参与评论您还未登录，请先登录后发表或查看评论

Jquery取得iframe下内容的方法

01-19

代码如下: document.all(‘Iframe1’).contentWindow.document.getElementById(“deptName”).width; $(window.parent.Iframe1.document.body).find(‘#deptName’).width();跨域调用IFRAME时会遇到拒绝访问.在网上找了未测试解决办法经查资料发现，默认情况下，浏览器是禁止脚本跨域访问的，除非这些域之间有必须的访问信任关系。找到问题就好办了，可以降低浏览器的安全级别，但这样对用户无疑是不利的。所以我们在页面上需要加一段js

jQuery获取iframe中元素值

代码改变生活

05-08

3739

1、iframe页面取元素的值： //父页面代码： <div> <iframe id="iframe1" src="HtmlPage1.html" runat="server" width="500px" height="200px"></iframe> <input id="Button2" t...

jQuery / JavaScript：访问iframe的内容

asdfgh0077的博客

12-20

401

我想使用jQuery在iframe中操纵HTML。我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点，例如： $(function(){ //document

iframe 1

childhooders的专栏

12-02

551

纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？　　答案很肯定：应用Iframe标记！　　一、Iframe标记的使用　　提起Ifr

iframe用法1

cymbidium999的专栏

11-03

739

写一个js文件，取名叫iframefit.js文件，内容如下： function iframeAutoFit() { try { if(window!=parent) { var a = parent.document.getElementsByTagName("IFRAME"); for(var i=0; i { if(a[i].contentWindo

jQuery插件1.1版更新：增强ajax与iframe加载提示

在这个标题“jquery插件:ajax和iframe加载提示效果1.1版”中，我们可以提取出两个主要知识点：一个是关于jQuery插件的开发，另一个是关于ajax以及iframe加载提示效果的应用。首先，我们来看看什么是jQuery插件以及...

jquery插件:ajax和iframe加载提示效果1.1版

05-05

3，当iframe以tab标签的方式显示时，由于tab标签切换执行也需要一段时间，造成的获取的iframe的高和宽不是最终的高和宽 4，其他细微调整。草草增加了一个例子。和新版本打包在一起。遗留问题： 1，不支持多个...

litebox V1.1灯箱弹出jQuery窗口插件

06-12

3、要放置在网页的iframe ，只是链接到特定的页面，你会做任何其他的超链接。对于内嵌的内容，你的页面上的某个地方创建元素，将其显示为无，在那里创建你的元素，并给它一个唯一的ID 。然后将这个ID （与包括...

IFrame使用-1

邓福勇

04-01

868

是框架的一种形式，也比较常用到。　　例子1。不用多说了。　　width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小；　　注意：URL建议用绝对路径　　传说中百DU用：黑了88*8。。。

前端技术之Iframe1

蜗牛的博客

08-31

441

昨天码了一篇，结果一不小心手贱给关了，没保存，所以今天又补了一篇，下面进入正题。现在的项目是给中国移动做的一个webapp，主要是加载第三方资源，暂时先用iframe，以后升级再补一篇。 1.加载第三方页面是position：fixed，滑动时会跳动的问题，就是在外面找到里面的元素进行动态赋值： var win = document.getElementById('ex

js iframe获取contentDocument中的对象为空问题

qq_40393313的博客

12-10

4482

1.如果不是自己写的文件下的页面，是无法获取到contentDocument对象的，只能为空。 2.检查iframe是否已经加载完成，可以这样写 var iframe = document.getElementById('iframe'); iframe.onload = function() { console.log('加载完成') } ...

[Javascript]IFRAME运用(1)

weixin_30699443的博客

04-29

114

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>TestWeb</title> <meta content="Microsoft Visual Studio .NET 7.1" name...

iframe1（跨页面父子页面问题）

weixin_30782293的博客

08-15

136

<iframe id="iframe1" data-bind="attr: { src: $root.Basic_Form_ReportID }" frameborder="0" style="height: 550px;width:100%"></iframe> //加载自定义样式 ContentStr += "<sty...

js iframe获取documen中的对象为空问题