1 JavaScript的引入方式

JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷.

那么既然JS是可以运行在浏览器上的脚本. 并且, 我们知道本质上, 浏览器是执行HTML程序的. 那么如何在HTML中引入JS呢?

方案一, 直接在<script>标签中引入编写js代码

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript的引入方式</title>
</head>
<body>
<!-- JavaScript 在html文件中的引入方式1 -->
    <script>alert('我最帅~~~')</script>
</body>
</html>

方案二, 将js代码写在js文件中, 然后通过<script>标签的src属性进行引入

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript的引入方式</title>
</head>
<body>
<!-- JavaScript 在html文件中的引入方式2 -->
    <script src = "测试文件.js"></script>
</body>
</html>

两种方式运行出的效果是一致的. 但是需要各位注意一点, HTML程序在执行的时候是从上到下进行渲染的.

那么如果把脚本放在下面和放在上面是有一些不同的.

posted @ 2023-08-18 09:25 生而自由爱而无畏阅读(109) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 20 JavaScript和HTML交互

· 2 JavaScript的基础类型

· JavaScript引入方式

· JavaScript相关

· JavaScript学习--引入方式

公告

昵称：生而自由爱而无畏
园龄： 3年4个月
粉丝： 8
关注： 3

+加关注

2025年3月

日

一

二

三

四

五

六

python爬虫成神之路进行时

1 JavaScript的引入方式

1 JavaScript的引入方式

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>JavaScript的引入方式</title>
	</head>
	<body>
	<!-- JavaScript 在html文件中的引入方式1 -->
	<script>alert('我最帅~~~')</script>
	</body>
	</html>