Jquery方式获取iframe页面中的 Dom元素_jquery

测试页面代码:

复制代码 代码如下:

<html>
<head>
<title>jquery方式,访问iframe页面dom元素</title>
<meta name="Author" content="孙勤波">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
<script type="text/javascript">
function getIframeDom(){
// 获取iframe的test元素
var test = $("#frame_1").contents().find("#test");
alert(test.html())
}
</script>
</head>
<body>
<iframe src="file:///C:/Users/SUN/AppData/Local/Temp/non9C34.htm" id="frame_1"></iframe>
<br />
<a href="javascript:getIframeDom();">获取iframe 页面test元素内容</a>
</body>
</html>

test.html 页面代码

复制代码 代码如下:

<html>
<head>
<title>iframe页面a.html</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="test">我是测试页面test</div>
</body>
</html>

点击测试按钮效果:

时间: 2024-09-12 22:14:26

Jquery方式获取iframe页面中的 Dom元素_jquery的相关文章

jQuery函数的第二个参数获取指定上下文中的DOM元素_jquery

jQuery函数的第二个参数可以指定DOM元素的搜索范围. 第二个参数可分为以下类型 DOM reference jQuery wrapper document 代码示例 复制代码 代码如下: <!DOCTYPE html> <html> <body> <form> <input name="" type="checkbox"/> <input name="" type="

利用jquery的获取JS文件中的字符串内容_jquery

复制代码 代码如下: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"> var _url = "http://www.baidu.com/cache/hps/js/hp

url-给一个页面的URL 如何通过JQUERY获取 这个页面中的最大的一张图片

问题描述 给一个页面的URL 如何通过JQUERY获取 这个页面中的最大的一张图片 给一个页面的URL 如何通过JQUERY获取 这个页面中的最大的一张图片 1.需要先通过JS加载出这个URL获取来的页面的HTML,存放在一个对象中? 2.再从这个对象中取出其中所有的图片,再做比较 首先第一步怎么实现? 然后第二步 解决方案 你的页面跨域没有?是当前浏览器加载的页面还是你自己做了个页面获取url地址指定的内容? 如果是url指定的跨域没有?跨域了不是客户端js能搞得了,跨域获取不到内容. 没跨域

多个下拉列表-使用Jquery ztree 在同一个页面中出现多个input选择,每个input数据不同

问题描述 使用Jquery ztree 在同一个页面中出现多个input选择,每个input数据不同 使用一下dome代码,怎么在同一个页面中出现多个input选择,每个input下拉列表中的数据是不通的. <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - radio select menu</TITLE> <meta http-equiv="content-type"

《jQuery Cookbook中文版》——1.14 获取、设置和删除DOM元素属性

1.14 获取.设置和删除DOM元素属性 1.14.1 问题 你已经用jQuery函数选择了一个DOM元素,需要获取或者设置该元素的属性值. 1.14.2 解决方案 jQuery提供attr()方法以获取和设置属性值.在下面的代码中,将设置< a>元素的href属性值,然后获取该值: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

使用jquery/js获取iframe父子级、同级获取元素的方法_jquery

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("

jfinal如何获取html页面中&amp;amp;lt;image&amp;amp;gt;标签中src的值

问题描述 jfinal如何获取html页面中<image>标签中src的值 如何用JFinal在后台获取src中${imagePath!}这个值

Java模拟HTTP请求如何获取请求页面中ajax方法的返回值

问题描述 Java模拟HTTP请求如何获取请求页面中ajax方法的返回值 我有一个AAA.JSP页面是通过加载百度的地图API的JS文件,再调用其中的ajax请求方法获取地理坐标.地理坐标在该ajax方法的返回参数中的.我现在需要在服务器端获取地理位置信息,因此我通过java程序模拟HTTP请求,去访问AAA.JSP,但因为ajax是异步的,模拟程序访问该页面的时候,其中的ajax方法还没执行结束,服务器就返回了该页面的静态HTML内容,导致我无法获取地理位置信息.请问如何让服务器端在ajax执

js 获取iframe页面返回给父页面

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-