JavaScript基础知识小结

1.JavaScript与Java

java是编程语言，像c，c#等，具有开发操作系统的能力；而JavaScript是一种脚本语言，能够嵌套应用于浏览器。

2.JavaScript与ECMAScript

JavaScript与ECMAScript在应用上是一样的，但是ES是JS的规格标准，JS是ES的应用实现。

JavaScript中默认一行就是一条语句，语句之间用分号隔开，一般一行一条语句，也可以一行多条。

3.唤醒控制台

windows：1）Ctrl+Shift+J；2）浏览器打开开发者工具+Esc；3）浏览器打开开发者工具点击console。

4.在控制台输出内容：console.log（‘想输出的内容’）;

5.JavaScript六大数据类型：数字（number）、字符（string）、布尔（Boolean）、数组（array）、null/undefined、对象（Object）

6.typeof 的使用，可以利用typeof来进行变量类型的判断；eg: var num=33;console.log(typeof num);

7.JavaScript 变量

JavaScript中是弱类型语言，并且是动态变量；所以在定义变量时，统一用 var 来定义变量，变量的类型由其赋值的类型决定。也可以不进行变量声明，直接进行赋值，初始化等 eg：num=10;

8.JavaScript中变量的命名规则：JavaScript 大小写敏感 x与X是不同的。变量的声明；变量的赋值；变量的初始化

1）变量命名由英文字母，$,_开始，不能以数字等其他符号开头；

2）变量除开头之外可以有英文字母，$,_,数字组成；

3）不能使用JavaScript中的关键字（保留字）eg:name，new.....

4）命名一般采用驼峰式命名，第一个单词小写从第二个单词开始，首字母大写，eg:userName

9.JavaScript 运算符中的=，==，===

1）= 赋值运算 将=右边的值赋值给左边的变量；eg：x='30';

2）== 判断左右两个变量值值是否相等  eg:if(30=="30") 返回true；

3）=== 绝对相等 判断值&&类型相等 2）中的例子返回false；

10.JavaScript 运算符中的+

1)算术运算符+  eg:x=3+4;

2)隐式转换 作为字符串拼接 eg：x=30+"str" 则x=30str；

当遇到字符串时，默认为转换成字符串进行字符串拼接；注：当遇到算数与字符串混合运算时，在未遇到str字符串时先进性算术运算再与字符串进行拼接，eg：var num = 3+'3'+(9*8)/18 结果：334；

3）三目运算符 eg：x>y?x:y;判断x是否大于y，成立输出x，否输出y

11.JavaScript中的注释：三种

1）单行注释 //  双斜杠  一般写在需要注释代码的后面；

2）多行注释  /* */  写在需要注释的代码块上方；

3）文档注释 /** */ 在需要注释的代码块上进行注释，后期在生成项目时会自动生成说明文档。

12.获取页面元素：document.getElementById（IdNmae）; 或者可以通过标签名称等进行获取。

13.字符串转化成数字类型  parseInt();parseFloat();

但是字符串不能转化成数字类型。

14.添加触发事件 例如 onclick事件，在标签中使用  <p οnclick="myFunction()"></p>  或者在script中使用：btn.οnclick=function(){相应的触发动作};

15.更改网页标签的内容 .innerHTML

16:innerText与innerHTML的区别

用法：

<div id="test">
   <span style="color:red">test1</span> test2
</div>

在JS中可以使用：

test.innerHTML:

　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

　　上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2”。

test.innerText: 

　　从起始位置到终止位置的内容, 但它去除Html标签 

　　上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。

test.outerHTML:

除了包含innerHTML的全部内容外, 还包含对象标签本身。

　　上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>

innerText一般在IE浏览器中使用，所以一般要获得与其相同的效果时，可利用正则表达式与innerHTML进行组合实现

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>