JavaScript——引入方式

最新推荐文章于 2024-05-19 16:11:10 发布

上课不要睡觉了

最新推荐文章于 2024-05-19 16:11:10 发布

阅读量2.4k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/XQC_KKK/article/details/123705454

版权

JavaScript 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

JavaScript引入方式

1、编写一个简单网页

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页标题</title>
	</head>
	<body>
		网页内容
	</body>
</html>

运行效果：
在这里插入图片描述

2、将JavaScript嵌入到HTML中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页标题</title>
		<script >
			alert('弹框显示：第一个JavaScript程序')
		</script>
	</head>
	<body>
	</body>
</html>

运行效果：
在这里插入图片描述

3、JavaScript引入方式

1、嵌入式

<script >
	JavaScript语句;
</script>

<script type="text/javascript">
	JavaScript语句;
</script>

在HTML5中两种意思一致，第一种只是省略了type="text/javascript"属性。

2、外链式

外链式是将JavaScript的代码保存到一个以.js为后缀的文件中，然后通过引入文件实现功能调用。

<script src="这里是相关JavaScript的文件路径"></script>

3、行内式

行内式1

<a href="javascript:alert('Hello')">点击触发效果</a>

运行效果：
在这里插入图片描述

行内式2

<input type="button" onclick="alert('Hello');" value="test" />

运行效果：
在这里插入图片描述

上课不要睡觉了

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录