[英]Javascript trigger function when iframe has loaded
我正在通过对象实例创建iFrame,当iFrame加载时,我需要从原始对象中触发一个方法,并能够在该对象中检索iframe的内容。 目前,“向上”显然不存在。
function iFrame() {
var Id="1234";
var d = document.createElement('DIV');
d.innerHTML = '<iframe id="'Id+'" name="'+Id+'" onload="up('+Id+');"></iframe>';
document.body.appendChild(d);
obj=this;
var i = document.getElementById(this.frameId);
i.up = (function(obj){obj.iFrameOnload()})(obj);
}
iFrame.prototype.iFrameOnload=function(id) {
d = document.getElementById(id).contentWindow.document;
alert(d.body.innerHTML);
}
您实际上应该直接使用DOM创建该iframe,而不是将纯HTML放在div中。 这为您带来了许多好处:
var frame = document.createElement('iframe');
// set id and name attributes directly (although you don’t actually need them)
frame.id = '1234';
frame.name = '1234';
// set frame source (you probably want to set this)
frame.src = '';
// register event listener for the `load` event
frame.addEventListener('load', function () {
// event handler here
var d = this.contentWindow.document;
alert(d.body.innerHTML);
}, false);
document.body.appendChild(frame);
如您所见,无需再次要求DOM通过ID或其他方式获取iframe元素。 毕竟,您直接创建了它,因此您已经有了它的引用。
您的代码有些混乱。 请允许我提出其他建议:
包括jQuery:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
接着:
<script type="text/javascript">
$(function(){
// create the iframe
var url = 'http://www.google.com';
var iframe_html = '<iframe src="' + url + '" id="iframe"></iframe>';
$('body').append(iframe_html);
// bind load event
$('#iframe').load(function(){
// on load code here
});
});
</script>
希望能有所帮助
您可以创建一个全局函数up():
function up (iframe_element) {
alert("In up() function");
}
并使用“ this”参数进行调用
d.innerHTML = '<iframe id="'Id+'" name="'+Id+'" onload="up(this);"></iframe>';
在这种情况下,完整的JS代码是:
function up (iframe_element) {
alert("In up() function");
}
function iFrame() {
var Id="1234";
var d = document.createElement('DIV');
d.innerHTML = '<iframe id="'Id+'" name="'+Id+'" onload="up(this);"></iframe>';
document.body.appendChild(d);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.