JavaScript基础

1，web标准概念:一系列规范的集合，分为结构，表现和行为三个部分。

如结构-->构成页面的元素(html)                                      框架

表现-->布局外观的工具(css)                                            装饰

行为-->负责网页的交互性和动态(JavaScript)                   动起来(赋予生命)

2，JavaScript：

[1]概念及功能：一种运行在客户端(浏览器)的编程语言，负责控制其动态及动漫交互

书写位置：JavaScript对应css也有三种书写方式，行内，内部和外部JavaScript

<1>内部JavaScript：

写在html中用script标签包裹，script标签写在body上面如，写在body下面也可以，只能方便查找的问题：

显示效果如下：

<2>外部...:就是在外部创造一个js文件，里面放入代码即可，如：

再导入js文件：

结果与上文类似，注意顺序问题即可，作用相同

<3>行内JavaScript：

按钮代码：<button οnclick=“alert("点击按钮的提示")”>     按钮的名称(按钮上的字符)   </button>

比如：（1））

（2)

（3）

[2]符号注意事项：

如JavaScript结束符(;),要么全写，要么全不写

[3]基本元素：

<1>变量：跟python基本元素一样，都是存储数据的容器。

变量的基本使用：使用关键字(var)  变量的赋值：var 变量名=需要存储的数据

【命名规则】：不能有类似var if for等有含义的字符；不能下划线，空格等与python基本一致

<2>数字类型：【基本】number-数字型，string-字符串类型，boolean-布尔类型

【引用】：Array数组--类似python列表，Object对象

其中 :                                                    

等效于：

·控制台打印并查看内容：，或者

其中alert是网页提示，而console.log则是出现在网页结构中的console里面，位置不同。

names.length是列表长度，也是最大索引。

<3>Array数组:

{1}增删改查:跟python类似：

1，改：names[索引]=‘新的内容’

2，增：names.push('新的内容1'，‘新的内容2'，‘····’)【增加在末尾】，或者names.unshift('新的内容1'，‘新的内容2，‘····’)【增加在首位】

3，删：names.pop（）【删除末尾】，name.shift（）【删除首位】

补：图片数组格式：

‘

< 4 >object存储数据（类似字典类型):

区别:python的前者（name1）需要引号包裹

{1},访问数据：print(字典名[‘属性名（name1）’])或者console.log(字典名.属性名）或者console.log（字典名[属性名]）

< 5 >运算符：

{1}一般运算符:

比较python不同的是:多了一个

“===”表示全等，即数据和输出类型一模一样

{2},逻辑运算符：

&&----类似python中的  ‘ and ’    类似串联

||----类似python中的  ‘or’            类似并联

！--类似python中的  ‘not’           是而不是

< 6 >流程控制语句：(顺序结构，分支结构，循环结构。）

{1}分支结构：根据条件，选择性执行代码。

if 语句：if（需要满足的条件）{条件满足执行的代码}       

else if（需要满足的条件）{条件满足执行的代码} 

else{ 条件不满足执行的代码 }

 这里true代表直接满足条件，if和else if互斥满足一个则不去查看是否满足另一个。else是所有条件不满足的执行代码 。

补充：例题：判断数组存储内容是否为空：

       

断点操作，F12打开sourse页，可以查看相应的代码。如若想查找bug所在可进行代码断点，进行查找bug。

{2}循环语句：（for循环和while循环）

【1】while循环：

例题：

【2】for循环：（需要三个条件：定义初始条件，判断条件，i自增或自减<这个是可变的>）

同样的例子：

。其中：a++与a=a+1效果相同。

遍历数组时，只要小于他的最大长度就可以了：

< 7 >函数：是可以重复使用的代码块

与python中定义函数方式不同，JavaScript中def改为function，并且其中的return是用（``）包裹，然后 ${‘带入名’}。比如：

  注意：1，return关键字是必须，否则无法调用函数。2，尽量保持形参和实参个数一致。

特例1：回调函数；例如：

  b的函数可以回调给a。

特例2：匿名函数（只使用一次的函数）;例如：          特点：无法单独调用 例：

此时无法单独调用，需添加括号，如：

结构稍作复杂。注意有俩个括号哦!!!

注意事项：匿名函数的使用需要将之前的内容用分号分隔开，不能放在一起执行。