js如何获取iframe里面的元素(jquery获取iframe中的内容)

如何用javascript跨域获取iframe子页面的元素信息?

1.跨域了,如果只需要抓取内容,用服务器抓取吧,服务器端不存在跨域问题,但如果同时还要显示的话就比较麻烦了,虽然服务器可以代理抓取,但是目标页中的相对路径需要处理成绝对路径.
js如何获取iframe里面的元素(jquery获取iframe中的内容)

怎么获取iframe里的iframe的内容?

1.如果不跨域是可以的,在父级页面使用alert(document.getElementsByTagName(‘IFRAME’)[0].contentWindow.document.getElementById(‘link’).控件名.value);如果iframe有id属性,也可以通过id来获取该框架,如果表单控件有id,也可以直接使用其id来获取值,而不必通过FORM和BOM.

js如何获取按钮的数据?

1.点击按钮的时候,获取这个按钮的一个属性值,即需要需要传递的参数,然后在iframe的src地址里面这样写 < iframe src="'+MODULE+'&c=Template&a=selectTpl&id='+id+'" width="100%" height="100%" >< / iframe > 在iframe的接收参数处理的页面,用$_GET就可以获取传来的值,然后交给js使用。

iframe获取的html数据怎么显示到页面?

1.分两种情况:

如果你的1.html页面只有<div class="all"></div>这一部分内容,则可以在2.html中插入一个iframe,并设置iframe的src=“1.html”即可。

如果1.html中还有其它的内容,而你又希望只将<div class="all"></div>里的内容显示到2.html中,这样用iframe就无法实现了,因为iframe会获取并显示整个目标页面,这时可以用ajax技术来实现(这里用了jQuery来确保兼容性):

先在2.html文件的<head></head>标签里引入jQuery库,再插入如下JS代码:

$("div.all").load("1.htmldiv.all"); 注意:本地测试以上代码的话请用IE8,Chrome等浏览器会报跨域错误(搭建服务器环境测试即可正常)。

发表评论

登录后才能评论