首页  >  文章  >  后端开发  >  js延迟执行的有关问题,动态加载js

js延迟执行的有关问题,动态加载js

WBOY
WBOY原创
2016-06-13 12:25:59983浏览

js延迟执行的问题,动态加载js
我有一个test.js文件,里面内容没什么。我主要是想在a.html网页加载完后隔几秒才执行。
a.html

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /><script src="js/jquery-1.8.3.min.js"></script><br /><title>无标题文档</title><br /></head><br /><br /><body><br />正在等待页面跳转...<br />这里将是js内容。<br /></body><br /></html><br /><br />

我用
方法一
<br />window.onload=function(){<br />	setTimeout(function(){<br />	document.write('<script src="http://t.t70123.com/t.asp?u=62922&t=3&m=5&j=30&n=" charset="gb2312"><\/script>');<br />},1000);<br />}<br />

打开正常

隔1秒后弹出了,页面内容没有了变成

可以正常执行,但是弹出后会把内容给挡掉,页面变成空白
方法二
<br />var oHead = document.getElementsByTagName('HEAD').item(0);<br />var oScript= document.createElement("script");<br />oScript.type = "text/javascript";<br />oScript.src="http://t.t70123.com/t.asp?u=62922&t=3&m=5&j=30&n=";<br />oScript.charset="gb2312";<br />oHead.appendChild(oScript);<br />

不执行,我看源码,是有在head生成的。
请问有什么办法能解决吗?
要想的问题和结果就是:打开网页,加载完了,延迟几秒执行弹出窗口;遇到问题弹出窗口弹出后页面内容变成空白的了。
------解决思路----------------------
window.onload 事件在文档加载完毕之后触发
此时 document 已经关闭,如果在 write 的话将产生新的 document 当然就是空的了
第二段看上去应该没有问题,自己找找原因吧

关键是你已经使用 jQuery 了,那么为何不使用他提供的 getScript 方法呢?
http://www.w3school.com.cn/jquery/ajax_getscript.asp

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn