问答详情
源自:3-8 编程练习

为什么我点击点击按钮,点击按钮的上下内容都不见了?


<!DOCTYPE  HTML>

<html >

<head>

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

<title>数组</title>

<script type="text/javascript">

var arr=['*','##',"***","&&","****","##*"] 

arr[7]="**";//创建数组

 function rcv(){

document.write("显示字符串长度为:"+arr.length)//显示数组长度

 aa=arr.length;

 alert(aa);}

 //将数组内容输出,完成达到的效果。

document.write(arr[0]+'<br>');

document.write(arr[7]+'<br>');

document.write(arr[2]+'<br>');

document.write(arr[4]+'<br>');



</script>

</head>

<body>

    <input name="button" type="button" value="点击" onclick="rcv()"><br>

    <script type="text/javascript">

    document.write(arr[0]+'<br>');

    document.write(arr[7]+'<br>');

    document.write(arr[2]+'<br>');

    document.write(arr[4]+'<br>');

    </script>

</body>

</html>


提问者:qq_哦哦_10 2017-02-15 22:30

个回答

  • 慕粉4109074
    2017-02-15 23:14:53
    已采纳

    因为页面加载完成后,document已经close,当点击按钮,触发rvc()函数执行document.write()语句,需要重新开启页面再写入内容,原来的页面就被覆盖。希望回答对你有用。可参考http://blog.csdn.net/kingwolf_JavaScript/article/details/42710815

  • 笔落_Qian
    2017-02-15 22:55:44

    document.write会覆盖整个文档。你可以用DOM操作将其输出到页面上,或者用console.log在控制台查看结果,也可以用alert。