确保对象元素的页面已完全加载 [英] Make Sure that Object Element Has Page Fully loaded

问题描述

我有一个对象元素，我用它来加载外部页面点击一个按钮
我的Html是：

 < input type =textid =txt/> 
< button onclick =getdata（）; return false;>载入页面< / button> 
< div> 
< object type =text / htmlid =ExternalPageLoaderdata =＃> 
< / object> 
< / div> 
  

脚本

 <脚本> 
函数getdata（）{
 var url = $（＃txt）。val（）; 
 $（＃ExternalPageLoader）。attr（data，url）; 
} 
< / script> 
  

如何确保请求的页面已完全加载到对象元素中
i Will Like检查外部页面不是当前页面 使用 /jsref/event_onload.asprel =nofollow noreferrer> onload 。

  function getdata（）{var url = $（＃txt）。val（）; $（＃ExternalPageLoader）。attr（data，url）; console.log（'loading ...'）} function loading（）{console.log（'loaded sucess'）}  

 < script src =https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js><<< ; / script>< input type =textid =txt/> < button onclick =getdata（）; return false;>载入页面< / button> < DIV> < object type =text / htmlid =ExternalPageLoaderdata =onload =loading（）> < /对象> < / div>  

I have an Object Element Which I Use To Load External Page On Click With a Button My Html Is :

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

And Script

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

How Can I Make Sure That Requested Page Has Been Fully Loaded Into Object Element i Would Like To Check The External Page Not the Current Page

解决方案

use with onload .

function getdata() {
        var url = $("#txt").val();
        $("#ExternalPageLoader").attr("data", url);
         console.log('loading...')
    }
    
    function loading(){
    console.log('loaded sucess')
    
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txt" />
  <button onclick="getdata();return false;">Load page</button>
  <div>
    <object type="text/html" id="ExternalPageLoader" data="" onload="loading()">
    </object>
   </div>

这篇关于确保对象元素的页面已完全加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！