JavaScript代码如何使用？如何引入HTML页面？-js教程-PHP中文网

JavaScript代码如何使用？如何引入HTML页面？

不言

发布： 2022-04-02 19:37:10

原创

22800 人浏览过

JavaScript代码如何使用？如何引入HTML页面？下面本篇文章就来给大家介绍一下JavaScript代码引入HTML页面的两种写法，希望对大家有帮助。

JavaScript代码如何使用？如何引入HTML页面？

在学习JavaScript之前我们应该先来了解一下JavaScript代码如何使用？下面我们就来看看js代码的用法。

我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。

我们先来看第一种用法：在HTML页面中直接嵌入js代码

如果在HTML页面中直接嵌入JavaScript代码，我们需要使用 <script> 标签，<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script>
alert("My First JavaScript");
</script>

登录后复制

在HTML页面的任何位置（head部分 body部分 body的后面较好）都可以插入script标签。

你有可能会在 <script> 标签中看到使用 type="text/javascript"，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。</p><p>我们来看一个具体的示例<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><!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></pre><div class="contentsignin">登录后复制</div></div><p>上述代码就是在在HTML页面中直接嵌入js代码。</p><p>接着我们来看看<strong>js代码的</strong><strong>第二种用法：通过链接外部的JavaScript文件。</strong></p><p>有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。</p><p>我们链接外部JavaScript文件可以有以下步骤<br/></p><p>1、首先我们建立一个JavaScript文件，扩展名是.js</p><p>2、然后将要编写的js代码写到Js文件中，并保存文件。</p><p>3、使用script标签将JavaScript文件链接到HTML文件中</p><p><script type="text/javascript" src="JavaScript文件名和路径"></script>

需要注意一点的是，在一个已经引入外部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中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

JavaScript代码如何使用？如何引入HTML页面？