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

cg20 2015-06-08 05:21:41

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



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="js/jquery-1.8.3.min.js"></script>

<title>无标题文档</title>

</head>



<body>

正在等待页面跳转...

这里将是js内容。

</body>

</html>

我用
方法一



window.onload=function(){

	setTimeout(function(){

	document.write('<script src="http://t.t70123.com/t.asp?u=62922&t=3&m=5&j=30&n=" charset="gb2312"><\/script>');

},1000);

}

打开正常

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

可以正常执行，但是弹出后会把内容给挡掉，页面变成空白
方法二



var oHead = document.getElementsByTagName('HEAD').item(0);

var oScript= document.createElement("script");

oScript.type = "text/javascript";

oScript.src="http://t.t70123.com/t.asp?u=62922&t=3&m=5&j=30&n=";

oScript.charset="gb2312";

oHead.appendChild(oScript);

不执行，我看源码，是有在head生成的。
请问有什么办法能解决吗？
要想的问题和结果就是：打开网页，加载完了，延迟几秒执行弹出窗口；遇到问题弹出窗口弹出后页面内容变成空白的了。

...全文

377 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

cg20 2015-06-08

打赏
举报

引用 1 楼 xuzuning 的回复:

window.onload 事件在文档加载完毕之后触发此时 document 已经关闭，如果在 write 的话将产生新的 document 当然就是空的了第二段看上去应该没有问题，自己找找原因吧关键是你已经使用 jQuery 了，那么为何不使用他提供的 getScript 方法呢？ http://www.w3school.com.cn/jquery/ajax_getscript.asp

我也有用$.getScript，不行，所以又才用的其他的


$.getScript("http://t.t70123.com/t.asp?u=62922&t=3&m=5&j=30&n=");

但是调用的js里面还有document.write(). 所以有错误“来自一个外部异步载入的脚本的 document.write() 调用被忽略”，头都搞痛了！！！！

xuzuning 2015-06-08

打赏
举报

window.onload 事件在文档加载完毕之后触发
此时 document 已经关闭，如果在 write 的话将产生新的 document 当然就是空的了
第二段看上去应该没有问题，自己找找原因吧

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