必威体育Betway必威体育官网
当前位置:首页 > IT技术

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

时间:2019-08-27 15:41:06来源:IT技术作者:seo实验室小编阅读:53次「手机版」
 

document.write

最近在做一个微信程序,之中用到了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 οnclick="myFunction()">戳我</button>
<script>
    function myFunction() {
        document.write(Date());
    }
</script>
</body>
</html>

运行结果:

点击后:

可以看到原页面被覆盖了。

相关阅读

排雷Windows CreateFile、ReadFile、WriteFile API

【经历了一次编写FAT16读写磁盘的作业,对三个文件操作的API有一些体会,如果MSDN和其他博客没有解决你的问题,不妨试试这篇】 环境Wi

C#中的StreamReader和StreamWriter的基本使用

1:简述       StreamReader :这个是操作字符的,以字符为单位 2:基本使用方法 1 using(StreamReader  reader = new   StreamRea

ReadProcessMemory与WriteProcessMemory用例分析

首先介绍一个函数VirtualProtectEx,它用来改变一个进程的虚拟地址中特定页里的某一区域的保护属性,这句话有些咬嘴,直接从MSDN中翻译

InputStreamReader和OutputStreamWriter 的区别和用法

转自:https://blog.csdn.net/Appleyk/article/details/79639444一、InputStreamReader用于将一个字节流中的字节解码成字符 , 用法

区别Console.readkey()、 Console.read()、Console.re

Console.readkey():监听键盘事件,按任意键执行退出。 Console.read():读取键盘输入的第一个字符,返回ASCII值。按下回车键退出 Cons

分享到:

栏目导航

推荐阅读

热门阅读