A-A+

javascript实现iframe框架延时加载

2016年10月15日 web前端设计 暂无评论 阅读 6 views 次

有的时候我们希望页面的一些东西实现延时加载,这样可以不影响网站打开速度,下面我来给大家介绍javascript实现iframe框架延时加载方法吧。

需要加载区域HTML代码:

  1. <div id="indexlogin"></div>  

下面代码放在底部,代码如下:

  1. <span id="tmpjsnews"><script type="text/javascript" src="你调用的js" language="javascript"></script></span>  
  2. <script type="text/javascript">document.getElementById("indexlogin").innerHTML=document.getElementById("tmpjsnews").innerHTML;</script>  

代码二如下:

  1.  window.onload   =   function()      {           
  2.  frames["BiframeName"].location.href   =   "B.htm";       
  3. }  

利用setTimeout,代码如下:

  1. setTimeout(function(){  
  2.     var frame = document.createElement('IFAME');  
  3. frame.src = ' http://xiariboke.com';  
  4.     document.getElementById('container').appendChild(frame);  
  5. }, 60000);  

给我留言