为什么js的document.write 输出内容把网页内容全部冲刷掉了
1个回答
2017-06-09
展开全部
页面加载的时机不同导致!当执行click等鼠标事件的时候,这是页面已经加载完,如果document.write则会覆盖body内容;如果在页面加载的过程中去执行document.write则不会“冲刷掉”。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<p id="id01">久久经验网</p>
<script type="text/javascript">
document.write('欢迎你加入!');
document.getElementById('id01').onclick=function(){
document.write('我来自久久经验网!');
}
</script>
<p>网址:www.exp99.com</p>
<!--
1、页面加载完输出:
久久经验网
欢迎你加入!
网址:www.exp99.com
2、点击id=id01的p元素时,页面仅输出:
我来自久久经验网!
-->
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<p id="id01">久久经验网</p>
<script type="text/javascript">
document.write('欢迎你加入!');
document.getElementById('id01').onclick=function(){
document.write('我来自久久经验网!');
}
</script>
<p>网址:www.exp99.com</p>
<!--
1、页面加载完输出:
久久经验网
欢迎你加入!
网址:www.exp99.com
2、点击id=id01的p元素时,页面仅输出:
我来自久久经验网!
-->
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询