js基础语法

HTML: 文档的结构

CSS: 修改文档的外观样式

JS: 实现页面上的动态效果

JS导入方式:

　　1. 直接写在页面的Script标签内部

<script>
// js代码书写区
</script>

　　

　　2. 将JS代码写在单独的一个js文件然后通过页面上的script标签的src属性导入

<script src='xxoo.js'></script>

　　

JS的注释方式:

　　单行注释:

// 单行注释

　　多行注释:

/*

多行注释


*/

　　JS中的语句要以分好(;)为结束符.

变量声明

　　JavaScript变量的命名和python的变量命名出不多,只是JS中多了有个$.

　　声明变量用var 变量名;的格式,也可以使用let 变量名;二者相同点,都是声明的局部变量.不同的是let是ES6的.

var name = 'cangjingkong';
var age = 35;

　　注意:

　　　　变量名是区分大小写的.

　　　　推荐使用驼峰式命名规则.

　　　　保留字不能做变量名.

　　ES6新增const声明常量.

const PI = 3.1415926;

　　

1. 数据类型

　　JS拥有动态类型.

　　声明一个变量未赋值,其后期赋值可为不同的数据类型.

　　1. 数字(number)

　　　　JS不分整型和浮点型,就只有数字类型.

　　　　parseInt()

parseInt('123')

结果:

123

　　　　parseFloat()

parseInt('ABC')

　　结果:

NaN

　　返回NaN,NaN属性是代表非数字的特殊值,该属性用于指示某个值不是数字.

　　　　NaN　　---> Not a Number

　　　　　　表示不是一个数字.

parseInt('123.567')

　　结果:

123  // 数字类型　　

　　去尾取整.

parseFloat('123.456')

　　结果:

123.456  // 数字类型

　　

　　2. 字符串

var a = "Hello"
var b = "world;
var c = a + b; 
console.log(c);  // 得到Helloworld

　　常用方法:

　　　　.length()　　　　　　　　　 返回长度

var name = ''cangjingkong";
ret = name.length

>> 结果 12

　　　　.trim()　　　　　　　　　　 移除空白,等价于python中的strip()

var name = '  cang  jing  kong   ';
ret = name.trim()

>>> "cang  jing  kong"

　　　　.trimLeft()　　　　　　　　  移除左边的空白

var name = '  cang  jing  kong   ';
ret = name.trimLeft()

>>> "cang  jing  kong   "

　　　　.trimRight()　　　　　　　　移除右边的空白

var name = '  cang  jing  kong   ';
ret = name.trimRight()

>>> "  cang  jing  kong"

　　　　.charAt(n)　　　　　　　　  返回第n个字符

var name = '  cang  jing  kong   ';
ret = name.charAt(10)

>>> "n"

　　　　.concat(value,...)　　　　　  拼接

var name = '  cang  jing  kong   ';
var name1 = 'boduo';
ret = name.concat(name1)

>>> "  cang  jing  kong   boduo"

　　　　.indexOf(substring, start)　　子序列位置

var name = '  cang  jing  kong   ';
ret = name.indexOf('an')

>>> 3

var name = '  cang  jing  kong   ';

ret = name.indexOf('an', 4)

>>> -1  // 没找到返回-1.

　　　　.substring(from, to)　　　　  根据索引获取子序列

　　　　.slice()　　　　　　　　　　切片,等同于python中的切片

　　　　.toLowerCase()　　　　　　小写

　　　　.toUpperCase()　　　　　　大写

　　　　.split(delimiter, limit)　　　　分割

　　3. 布尔值

　　4. null

　　5. undefined

　　

　　6. 对象

　　　　1. 数组(对应python中的列表)

　　　　2. 自定义对象(字典)

2. 运算符

　　注意强等于和弱等于的区别

　　1. 算术运算

　　2. 赋值运算

　　

　　3. 比较运算

　　4. 逻辑运算

3. 流程控制

　　1. if else

　　2. for循环

　　3. switch

　　4. while