JavaScript代码如何使用？如何引入HTML页面？
- 不言原创
- 2019-01-10 14:59:4122909浏览
JavaScript代码如何使用？如何引入HTML页面？下面本篇文章就来给大家介绍一下JavaScript代码引入HTML页面的两种写法，希望对大家有帮助。
在学习JavaScript之前我们应该先来了解一下JavaScript代码如何使用？下面我们就来看看js代码的用法。
我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。
我们先来看第一种用法：在HTML页面中直接嵌入js代码
如果在HTML页面中直接嵌入JavaScript代码，我们需要使用 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签，3f1c4e4b6b16bbbd69b2ee476dc4f83a 和 2cacc6d41bbb37262a98f745aa00fbf0 会告诉 JavaScript 在何处开始和结束。
3f1c4e4b6b16bbbd69b2ee476dc4f83a 和 2cacc6d41bbb37262a98f745aa00fbf0 之间的代码行包含了 JavaScript：
<script>
alert("My First JavaScript");
</script>在HTML页面的任何位置（head部分 body部分 body的后面 较好）都可以插入script标签。
你有可能会在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签中看到使用 type="text/javascript"，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。
我们来看一个具体的示例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
</body>
</html>上述代码就是在在HTML页面中直接嵌入js代码。
接着我们来看看js代码的第二种用法：通过链接外部的JavaScript文件。
有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。
我们链接外部JavaScript文件可以有以下步骤
1、首先我们建立一个JavaScript文件，扩展名是.js
2、然后将要编写的js代码写到Js文件中，并保存文件。
3、使用script标签将JavaScript文件链接到HTML文件中
3f4b7d1811048181d198b6faa4bbb07a2cacc6d41bbb37262a98f745aa00fbf0
需要注意一点的是，在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。
我们来看一个具体的示例
我们先建一个js文件sample.js
然后写入js代码
document.write("<p>This is a paragraph</p>");最后使用script标签将JavaScript文件链接到HTML文件中
<!DOCTYPE html> <html> <head> </head> <body> <script type="text/javascript" src="sample.js"></script> </body> </html>
以上就是js代码使用的两种方法
以上是JavaScript代码如何使用？如何引入HTML页面？的详细内容。更多信息请关注PHP中文网其他相关文章！