Javascript 确保对象元素已完全加载页面

我有一个Object元素，我用它在单击按钮时加载外部页面 我的Html是：

<input type="text" id="txt" />
<button onclick="getdata();return false;">Load page</button>
<div>
    <object type="text/html" id="ExternalPageLoader" data="#">
    </object>
</div>

加载页

和脚本

<script>
function getdata() {
    var url = $("#txt").val();
    $("#ExternalPageLoader").attr("data", url);
}
</script>

函数getdata（）{
var url=$（“#txt”）.val（）；
$（“#外部页面加载器”）.attr（“数据”，url）；
}

如何确保请求的页面已完全加载到对象元素中 我想检查外部页面，而不是当前页面

函数getdata（）{ var url=$（“#txt”）.val（）； $（“#外部页面加载器”）.attr（“数据”，url）； console.log（'正在加载…'） } 函数加载（）{ console.log（'loaded suces'） }

加载页

尝试使用事件：

---

此方法已从jQuery中删除。。。它在v1.8中被弃用，并从v3中完全删除。谢谢，我忘记了这一点。是的，它工作了，但是@evolutionxbox已经弃用了，所以它不会有用。检查前面的答案它工作了。如果OP使用jQuery，他们是否可以使用

。on（'load'，func）

？因为这将允许函数不是全局的。

$("#ExternalPageLoader").ready(function() {
    // Handler for .ready() called.
});