小白之浅学JS 中 document.write() 的用法以及注意点

2023-10-19 14:14:24

大家应该都知道JavaScript是一种非常灵活且强大的客户端脚本语言，它可以在浏览器中运行，它可以改变html结构与样式、控制表单等，并且可以处理各种用户事件。

在JavaScript中，document对象是网页的入口，它可以让你访问和修改网页的任何元素，而document.write() 方法就是document对象的一个非常重要的方法，它可以用来输出内容到网页中。

document.write() 的基本语法是：

document.write(...text: string[])

换个说法是：

document.write(exp1,exp2,exp3,....);

其中，...text: string[] 表示可以传入多个字符串作为参数，而exp1,exp2,exp3,.... 则表示可以传入多个表达式，这些表达式会先被计算，然后将计算结果转换为字符串输出到网页中。

需要注意的是，document.write() 方法只能在网页加载完成后使用，如果在网页加载完成之前使用，那么输出的内容将不会显示在网页中。

同时，document.write() 方法也会清空网页中已经存在的所有内容，所以一般来说，document.write() 方法只会在网页加载完成后，并且在网页中没有任何内容的时候使用。

下面是一些 document.write() 方法的用法示例：

// 输出一段文本
document.write("Hello, world!");

// 输出一个变量的值
var name = "John Doe";
document.write(name);

// 输出一个表达式的值
var age = 30;
document.write(age + 10);

// 输出一个 HTML 元素
document.write("<p>This is a paragraph.</p>");

// 输出一个 HTML 表格
document.write("<table><tr><th>Name</th><th>Age</th></tr><tr><td>John Doe</td><td>30</td></tr></table>");