JavaScript:使用js脚本写入HTML代码

Hello,大家好,我是wangzirui32,今天我们来学习如何让js脚本自动写入HTML代码。
首先,打开一个js文件,命名为hello.js,输入:

// 一个用于测试写入HTML代码的hello函数
// 用法:调用时在HTML页面上写入“Hello!”
function hello(){
    
    
	// document.write函数 用来写入括号中的HTML源码(为字符串)
	document.write("<h1>Hello!</h1>");
}
// 调用一次
hello();

然后,打开一个HTML文件,放在与hello.js相同的目录下,输入:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 测试写入HTML</title>
</head>
<body>
  <script src="hello.js"></script>
</body>
</html>

使用浏览器打开,即可看见加载出来的“Hello!”了。

猜你喜欢

转载自blog.csdn.net/wangzirui32/article/details/113834486