代码生成器 document.write()
是一种 JavaScript 方法,可以在 HTML 文档中动态生成内容。在本文中,将详细讲解使用 document.write()
方法来生成 HTML 代码的完整攻略。
使用 document.write()
语法
document.write(HTMLcode)
参数
HTMLcode
: 必需。要写入 HTML 文档的字符串。
示例1
在 HTML 文档中动态显示当前的日期和时间:
<!DOCTYPE html>
<html>
<head>
<title>document.write() 示例1</title>
<meta charset="UTF-8">
<script>
var now = new Date();
document.write("当前时间:" + now);
</script>
</head>
<body>
</body>
</html>
示例2
在 HTML 文档中动态生成一个表格:
<!DOCTYPE html>
<html>
<head>
<title>document.write() 示例2</title>
<meta charset="UTF-8">
<script>
var table = '<table>\n';
table += '<tr><th>姓名</th><th>年龄</th></tr>\n';
table += '<tr><td>小明</td><td>20</td></tr>\n';
table += '<tr><td>小红</td><td>22</td></tr>\n';
table += '</table>\n';
document.write(table);
</script>
</head>
<body>
</body>
</html>
代码注意事项
- 注意在使用
document.write()
方法时,将会覆盖整个 HTML 文档中的内容,使用前应该将所有的 HTML 元素都保存到一个字符串中。 document.write()
方法必须在 HTML 文档的<head>
或<body>
中使用,否则将会出现错误。
以上就是关于 document.write()
方法的完整攻略及两个示例说明。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:代码生成器 document.write() - Python技术站