语法约定:
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>
网友评论