JS / 基本语法+字面量与变量

目录

学习内容

笔记

JS代码编写位置

基本语法

注释

代码编写

字面量和变量

---

学习内容

Javascript：ECMAScript+DOM+BOM

特点：

• 解释型语言（不用编译，写完直接运行）
• 类似于C和JAVA的语法结构
• 动态语言
• 基于原型的面向对象

笔记

JS代码需要编写到script标签中

三条输出语句：

• document.write（）的作用是在body中写一个内容
• console.log（）向控制台输出一个内容
• alert（）在浏览器窗口弹出一个警告框

指令由上至下执行

JS代码编写位置

1.JS代码需要编写到script标签中，立刻执行

2.可以将js代码编写到标签的onclick属性中：点击执行

• <button οnclick="alert('哇哦');">点我一下</button>

3.可以将js代码写在超链接的href属性中：需要在前面标记javascript：

• <a href="javascript:alert('天哪');">你也点我一下</a>
• <a href="javascript:;">你也点我一下</a> 相当于空语句，点超链接无反应

虽然可以写在标签的属性中，但属于结构与行为耦合，不方便维护，不推荐使用

4.写外部文件 xx.js，然后在html页面中引入，写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用

引入方式：head中script标签加src属性

• <script src="js.js"></script>

script标签一旦用于引入外部文件，就不能在内部编写代码，即使编写也会忽略

如果需要编写内部js，则可以再创建一个新的script标签，依然按顺序执行，外部先写就先执行外部

基本语法

注释

多行注释 /* */

单行注释 //

养成良好的注释习惯，也可以通过注释来对代码进行一些简单的调试

代码编写

• JS中严格区分大小写
• 每一条语句以分号;结尾，如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，有些时候，浏览器会加错分号
• JS中会忽略多个空格和换行，所以可以利用空格和换行对代码进行格式化

字面量和变量

字面量：不可改变的值，常量，如1，2，3，4，5，字面量可以直接使用

alert（123456）；

但一般不会直接使用字面量，用变量保存字面量

变量：可保存字面量，是可改变的值

变量更加方便使用，在开发中都是通过变量来保存字面量，而不会直接使用字面量

可以通过变量来给字面量进行描述

用var关键字来声明一个变量

var a; //声明变量

var=10000; //赋值

var b=2000; //声明并赋值;