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>