使⽤document.write()输出覆盖HTML问题
在W3School的JavaScript教程中有这样⼀个警告:
请使⽤ document.write() 仅仅向⽂档输出写内容。
如果在⽂档已完成加载后执⾏ document.write,整个 HTML 页⾯将被覆盖:
⽰例代码是这样的:
<!DOCTYPE html>
<html>
html document是什么<body>
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button οnclick="myFunction()">点击这⾥</button>
<script>
function myFunction()
{
document.write("糟糕!⽂档消失了。");
}
</script>
</body>
</html>
所谓的HTML⽂档加载,其实HTML⽂档是⾃上⽽下的加载HTML表⽰的內容,当整個页⾯內容都加载完毕之后,再调⽤
document.write()这⽅法(function)会将显⽰的页⾯内容都清除掉,相当于重新加载。下⾯这段代码没有调⽤function,所以没有问题。
<html>
<head>
</head>
<body>
<p>⽂檔第⼀⾏</p>
<p>⽂檔第⼆⾏</p>
<script type="text/javascript">
//這是我原本所認为的⽂檔之後添加了js
document.write('會不會將前兩⾏⽂字清除呢?');
</script>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。