1、行内嵌入式
可以将js代码编写到button标签的onclick属性中,当我们点击按钮时,js代码才会运行。
<button onclick="alert('Hello World');">点击</button>
可以将js代码编写在超链接a的href属性中,当点击超链接时,执行js代码。
<a href="javascript:alert('Hello World');">点击</a>
虽然可以写在标签的属性中,但是结构与行为耦合,不方便维护,不推荐使用。
2、页内嵌入式
编写在script标签中,直接显示
<script> alert("Hello World"); </script>
3、外链式
编写到外部js文件(.js)中,通过script标签引入
<script src="./script.js"></script>
写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,推荐使用的方式。
注:
script标签一旦用来引入外部js文件,再编写代码会被浏览器忽略,如果需要再编写代码,需要重新创建一个script标签。
<script src="./script.js"></script> <script> alert("Hello World"); </script>
注释中的内容不会被执行,但是可以在源代码中查看
多行注释
/* 注释。。。 注释。。。 注释。。。 */
单行注释
// 单行注释
字面量
字面量,都是一些不可改变的值
变量
变量可以用来保存字面量,只可以任意改变
在js中使用var关键字来声明一个变量
声明和赋值可以同时进行
// 声明变量 var a; // 为变量赋值 a = 123; // 声明和赋值同时进行 var b = 456; console.log(a); console.log(b);
-在js中所有的可以由我们自主命名的都可以称为是标识符
-例如:变量名、函数名、属性名都属于标识符
-命名一个标识符时需要遵守如下的规则:
-js底层保存标识符时实际上是采用Unicode编码,所以理论上讲,所有的utf-8中含有的内容都可以作为标识符