Html中JavaScript的引入（js初学系列）

最新推荐文章于 2023-10-21 22:07:07 发布

ZuzuVcdi

最新推荐文章于 2023-10-21 22:07:07 发布

阅读量136

点赞数 1

文章标签： javascript html

本文链接：https://blog.csdn.net/ZuzuVcdi/article/details/115259892

版权

Html中JavaScript的引入

两种方式：
1、页面内嵌script标签；称为“页面级js”。
2、外部引入script。

 例：用JavaScript输出“hello world！！”

（1）新建HTML文件（lesson.html），写入页面级js；

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<script type="text/javascript">
               // type="text/javascript"意思是告诉浏览器标签里内容为js
   	document.write('Hello world!!');
   </script>
   </body>
</html>>

注：js可以写在body标签里，也可以写在head标签里。

（2）新建HTML文件（lesson.html）和JavaScript文件（lesson.js），外部引入js

在html文件中写入如下代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
   <script type="text/javascript" src="lesson.js">
             // src=""属性中写需要引入的js文件名此处文件名为lesson.js
   </script>
</body>
</html>

在JavaScript文件中写入如下代码：

document.write('hello world!!');

ZuzuVcdi

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html中JavaScript的引入（js初学系列）

Html中JavaScript的引入两种方式：1、页面内嵌script标签；称为“页面级js”。2、外部引入script。例：用JavaScript输出“hello world！！”（1）新建HTML文件（lesson.html），写入页面级js；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>
复制链接

扫一扫