Jq如何获取并操作iframe中的元素？

最新推荐文章于 2023-05-26 11:28:04 发布
最新推荐文章于 2023-05-26 11:28:04 发布
阅读量128 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/wolfocme110/p/5669572.html
版权

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Scripts/jquery-2.2.2.min.js"></script>
</head>
<body>
    <iframe id="frm1" allowtransparency="true" frameborder="0" width="560" scrolling="no" src="/demo.html"></iframe>
    <script>
        //jq给iframe中的文本框赋值
        $("#frm1").load(function () {
            var frm = $("#frm1");
            frm.contents().find("").val("给元素赋值");
        });
         
    </script>
</body>
</html>

　　

　　

转载于:https://www.cnblogs.com/wolfocme110/p/5669572.html

weixin_30952535
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery方式获取iframe页面中的 Dom元素
10-25
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
jQuery取得iframe中元素的常用方法详解
11-23
在网页开发中，有时我们需要操作或获取嵌套在`iframe`中的HTML元素，这在JavaScript和jQuery中都可以实现。本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先，我们要明确一点：跨域的`iframe`是无法...
JS/JQuery操作iframe元素
我的博客
04-21 195
JS操作iframe元素 ...
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
不忘初心的博客
11-03 3314
1）在iframe中查找父页面元素的方法： $('#id', window.parent.document) 2）在iframe中调用父页面中定义的方法和变量： parent.method parent.value 3）实例 父页面 var hello = 'hello'; function get
Js/Jquery获取iframe中的元素
01-06 6410
在父窗口中获取iframe中的元素 JS: 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById("btnOk").click();   Jquery: 方法一： 格式：$("#
JQuery之操作iframe
优秀程序员的专栏
04-15 3203
1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的，只不过是先获取了iframe元素，然后在对iframe的内容再次进行操作。 var str = $(window.frames["iframe"].document).find("#ev").html(); var stk = $("#iframe").contents().find("#ev").html();
使用jquery/js获取iframe父子级、同级获取元素的方法
12-02
然而，当涉及到跨域安全和不同上下文间的交互时，如何正确地获取和操作`iframe`内的元素或从`iframe`中获取父窗口的元素就变得至关重要。本文将详细介绍如何使用jQuery和JavaScript来实现这一目标。 1. **...
Jquery实现获取子元素的方法分析
10-16
本篇文章将深入探讨jQuery如何实现获取子元素的方法，包括`children()`和`find()`两个主要方法，并通过实例来解析它们之间的差异。 首先，`children()`方法是jQuery提供的一种获取元素直接子级的方法。它接受一个可...
jquery 操作iframe的几种方法总结
12-10
// 操作iframe中的元素 $(this).contents().find("#targetElement").text("已由jQuery更新"); }); }); <iframe id="iframe1" src="child.html" width="500" height="300"></iframe> ``` 在这个例子中，...
Jquery调用iframe父页面中的元素及方法
11-24
在jQuery中，我们可以通过以下方式在`iframe`中查找并操作父页面的元素： 1. **查找父页面元素**： 使用`$(‘#id', window.parent.document)`，这里的`#id`是你想查找的父页面元素的ID。例如，如果我们要获取父...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 3977
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
使用jquery准确获取iframe中的元素
llq886的博客
05-16 4154
window.onload=function(){// 确保jquery 可用 //先获取iframe的document对象，在最外层window中加载的js默认会使用最外层的document对象，直接使用$("iframe.子元素")大概率取不到元素 let iframeDocument=$("iframe[name='iframeName']")[0].contentWindow.document; let targetDom=$(iframeDocument).find('子元素'); }
Js/Jquery 获取iframe中的元素
shadow_zed的博客
08-25 2万+
由于公司项目开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 js 在父窗口中获取iframe中的元素 Js代码  // 格式： window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();   // 实例 window....
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
使用Jquery操作iframe中的元素
孙琛斌的专栏
12-16 1万+
前几天，在原有功能上追加功能，jsp页面是已经存在了的，通过jquery获取元素总是获取不到，很奇怪，所以就仔细的看看了看jsp，原来那段代码是iframe里面的，虽然经常用jquery，但我一开始还真不知道iframe里面的东西，按照我们通常的方式取不到，所以查了下发现，jquery里面有个这个方法contents()。下面直接贴下简单的代码示例：<iframe src="/test/demo.h
jq 获取子元素的子元素以此类推
最新发布
06-07
如果你想要使用`jq`获取某个元素的子元素的子元素，可以使用以下方式： 1. 使用空格来获取所有子元素的子元素：`parent > child > grandchild` 例如，获取`<ul>`元素的所有`<li>`子元素的所有`<a>`子元素： ``` $('...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值