JS自学第一弹

(1)js当中输出HTML标签采用:

document.write("<h1>在HTML中进行输出</h1>")

注:如果在文档加载后使用该方法会造成覆盖整个文档

注:书写js注意尽量将js放在一起,以免干扰代码

(2)替换HTML标签当中的文字时:document.getElementById("demo").innerHTML = "要替换的文本";

<!DOCTYPE html>
<html>
<head>
<script>
var count = 0;
function myFunction () {
    document.getElementById("demo").innerHTML=count++;
}
</script>
</head>

<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">点击这里替换P标签</button>
</body>
</html>

(3)如何引入外部的JS文件

<!DOCTYPE html>
<html>
<body>
// 外部的js文件(此时该文件与该页面处于同一级)若不处在同一级适当的增加“./或../等” 
<script src="myScript.js"></script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_35134503/article/details/84299484