引用JavaScript的三种方式第二课
2019-04-13 本文已影响13人
您好简书
语法约定：
1.区分大小写
2.代码缩进
3.建议每行只写一条语句，语句以分号结尾（如果没有分号，软件默认会找到这个行的尾行，如果尾行没有东西，没有其他代码，则默认为结束，如果有代码，可以会报错）
4.代码执行顺序：从上到下，从左到右
javascript有三种引入方式：
1、行内引入:
<开始标签 on+事件类型=“js代码”></结束标签>
行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件
<body>
<input type="button" onclick="alert('行内引入')" value="button" name="button">
<button onclick="alert(123)">点击我</button>
</body>
2、内部引入：
在head或body中，定义script标签，然后在script标签里面写js代码
<script>
Js代码
</script>
<script>
alert("这是js的内部引入");
</script>
3、外部引入：
定义外部js文件(.js结尾的文件)
<scripttype="text/javascript" src="demo.js"></script>
注:
-
script标签一般定义在head或body中
-
Script标签要单独使用，要么引入外部js，要么定义内部js，不要混搭使用
外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点
新建外部的js文件demo.js文件
alert("外部引入")
在head或者body中，添加以下代码
<script type="text/javascript" src="js/demo.js"></script>
点击事件：
<!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>
