Javascript 动态IFRAME内容-如何访问该IFRAME?
我正在将内容动态加载到Javascript 动态IFRAME内容-如何访问该IFRAME?,javascript,Javascript,我正在将内容动态加载到 在成功响应之后,在该iframe中是该内容 <html> <head> <script type="text/javascript"> function onPageLoad() { if (document.readyState === "complete") { var cont = document.getElementByI
在成功响应之后,在该iframe中是该内容
<html>
<head>
<script type="text/javascript">
function onPageLoad() {
if (document.readyState === "complete") {
var cont = document.getElementById("abc");
alert(cont);
}
}
</script>
</head>
<body onload='onPageLoad()'>
<a target="_blank" href='http://lorem'>
<img class='abc' style='max-width:300px; max-height: 38px;' alt='' src='/Images/image.png' />
</a>
</body>
</html>
函数onPageLoad(){
如果(document.readyState==“完成”){
var cont=document.getElementById(“abc”);
警报(续);
}
}
该
iframe
将在我的站点之外使用(由用户使用),但我希望能够更改。但是,在更改图像后,我还需要更改iframe
的width/height
。那么,如何使用JS访问该iframe
?上面的代码提醒了我,我知道iFrame和它们的父对象之间的交互是不可能的,或者至少是麻烦的。我知道在某个地方有一个属性window.frames
,甚至可能是frame.parent
,但一般来说,像这样的JS交互是不可能的。我认为你应该考虑另一种类型的解决方案(比如Ajax调用,如果这能满足你的需要)。i/r> p> js和iFrAMS之间的交互是我所知道的不可能的或至少是麻烦的。我知道在某个地方有一个属性window.frames
,甚至可能是frame.parent
,但一般来说,像这样的JS交互是不可能的。我认为你应该考虑另一种类型的解决方案(比如AJAXCALL,如果它能满足你的需要)。< / P> < P>我在这里为你做了一个例子:
我使用jQuery来实现这一点,我建议您也这样做
// this will find a button within an iframe
var obj = $('iframe').contents().find('.actionButton').find('input[type="submit"]');
// this will change the value of the button, and you can see that the text is changed.
obj.attr('value', 'LOG ME IN');
类似地,您可以找到一个img并更改其src 我在这里给你举了个例子:
我使用jQuery来实现这一点,我建议您也这样做
// this will find a button within an iframe
var obj = $('iframe').contents().find('.actionButton').find('input[type="submit"]');
// this will change the value of the button, and you can see that the text is changed.
obj.attr('value', 'LOG ME IN');
类似地,您可以找到一个img并更改其src 您正在设置一个类并搜索一个ID。您正在设置一个类并搜索一个ID。请注意,img有abc类,但iframe有abc ID,我想获取iframe对象,而不是img@EricG:他似乎想在iframe中显示远程内容。在这种情况下,ajax调用不是一个选项(不允许跨域ajax调用),我说“可能”,因为没有指定它是否是跨域的。我在那里是不可靠的。我真的同意..注意,img有abc类,但是iframe有abc ID,我想得到iframe对象,而不是img@EricG:他似乎想在iframe中显示远程内容。在这种情况下,ajax调用不是一个选项(不允许跨域ajax调用),我说“可能”,因为没有指定它是否是跨域的。我在那里是不可靠的。我真的同意。。