JavaScript中document的write()的一个使用细节

最新推荐文章于 2022-05-09 20:22:01 发布

nZk丶

最新推荐文章于 2022-05-09 20:22:01 发布

阅读量1.9k

点赞数

分类专栏： JavaScript&Vue 文章标签： javascript html5 js

本文链接：https://blog.csdn.net/weixin_43729854/article/details/89073710

版权

JavaScript&Vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

最近在做一个微信小程序，之中用到了html,CSS,JS这些方面的知识，我一直觉得前端很好玩，就开始学习JS方面的知识。

因为是初学，直接很全面地概括JS目前做不到，我就把学习中的点滴与大家分享。

这里谈一下Java Script中document.write()的一个使用细节: 如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

直接举例说明吧：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>t3</title>
</head>
<body>
<h1>这是一个web页面</h1>
<p>这是一个段落</p>

<script>
    document.write(Date());
</script>
</body>
</html>

这里用document.write()把当前时间显示在页面。

运行结果：

下面我设置一个button，在我们点击它之后，才调用document.write()，也就实现了在文档加载后执行document.write()函数:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>t4</title>
</head>
<body>
<h>这是一个web页面</h>
<p>这是一个段落</p>
<button onclick="myFunction()">戳我</button>
<script>
    function myFunction() {
        document.write(Date());
    }
</script>
</body>
</html>

运行结果：