                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

document.write()输出问题

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

<head>

<title>浏览器对象</title>

</head onload="timecount()">

<body>

var s_econd=5;

function timecount(){

if(s_econd==0){

window.location.assign("http://www.imooc.com/");

}

document.write(s_econd+"秒之后返回");

s_econd--;

setTimeout(timecount,1000);

}

function b_ack(){

window.history.back();

}

</script>

</body>

</html>

这里的document.write()为什么不起作用？使用document.write()输出内容有什么规则或者限制吗？

慕粉3163391

2016-04-23

源自：JavaScript进阶篇 8-17

关注问题我要回答

2769

操作

收起

4 回答

qaz_0578
2016-04-26

setTimeout(timecount,1000); 改成 setTimeout("timecount()",1000)

你还要在函数外放一个setTimeout("timecount()",1000)

不知道为啥那个onload="timecount()"没有起作用

0 回复有任何疑惑可以回复我~

收起回答

慕粉3163391 提问者

setTimeout()这两种形式都可以，onload没起作用因为我不小心放</head>里了，放<body>就行了

2016-04-26 回复有任何疑惑可以回复我~

Uauslman
2016-04-24

<html>

<head>

<title>浏览器对象</title>

</head>

<body>

<p><span id="time"></span>秒后回到主页<a href="http://www.imooc.com">返回</a></p>

//获取显示秒数的元素，通过定时器来更改秒数。

setTimeout("myTime()");

var num=5;

// window.open('http://baidu.com');

function myTime(){

document.getElementById("time").innerHTML=num;

num=num-1;

setTimeout("myTime()",1000);

//通过window的location和history对象来控制网页的跳转。

if(num==0){

window.history.go(0);

//window.location.assign("hppt://www.imooc.com/");

}

</script>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

Uauslman

用innerHTML设置。

2016-04-24 回复有任何疑惑可以回复我~

暖床我最棒
2016-04-23

你点击按钮直接触发了b_ack()函数，直接就执行了window.history.back();返回历史上一页，根本没有机会执行到document.write()；语句

你的代码整体逻辑存在问题，大致帮你修改下:

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

<head>

<title>浏览器对象</title>

</head onload="timecount()">

<body>

var second=5;

function timeCount(){

if(second>0){

document.write(second+"秒之后返回");

second--;

setTimeout(timeCount,1000);

}else{

back();

}

function back(){

//5秒结束后要执行的语句

window.location.assign("http://www.imooc.com/");

}

</script>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

慕粉3163391 提问者

不是啊，原题要求是“1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如慕课网主页。2. 如果点击“返回”按钮则返回前一个页面” 所以不是点返回按钮触发倒计时命令，而是点按钮跳出倒计时并返回之前的页面；还有一个问题是刚执行你的代码发现他的显示是“5秒之后返回4秒之后返回3秒之后返回2秒之后返回1秒之后返回”，没有覆盖之前的显示，感觉不懂得真多啊，哈哈

2016-04-23 回复有任何疑惑可以回复我~