引用JavaScript的三种方式第二课

最新推荐文章于 2023-10-07 09:38:56 发布

Java成长记_Camel

最新推荐文章于 2023-10-07 09:38:56 发布

阅读量763

点赞数 2

分类专栏： Javascript 文章标签： js引用方式

本文链接：https://blog.csdn.net/qq_30225725/article/details/88400160

版权

Javascript 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

语法约定：
1.区分大小写
2.代码缩进
3.建议每行只写一条语句，语句以分号结尾（如果没有分号，软件默认会找到这个行的尾行，如果尾行没有东西，没有其他代码，则默认为结束，如果有代码，可以会报错）
4.代码执行顺序：从上到下，从左到右

javascript有三种引入方式：

1、行内引入:

<开始标签 on+事件类型=“js代码”></结束标签>

行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件

点击我 ##### 2、内部引入：

在head或body中，定义script标签，然后在script标签里面写js代码

<script>
    alert("这是js的内部引入");
</script>

3、外部引入：

定义外部js文件(.js结尾的文件)

<scripttype=“text/javascript” src=“demo.js”>

注:

script标签一般定义在head或body中
Script标签要单独使用，要么引入外部js，要么定义内部js，不要混搭使用

外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点

新建外部的js文件demo.js文件

alert(“外部引入”)
在head或者body中，添加以下代码

点击事件：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
</head>
<body>
	<input type="button" value="点我" onclick="javascript:alert('dddddd');" />
	<botton onclick="alert('来到Camel的博客');">点击我</botton>
</body>
</html>