javascript总结文档
执行顺序: js程序会按照再HTML文件种出现的顺序逐行执行,如果需要在整个HTML中执行,最好放在<head></head>中,函数体的代码在被调用的时候才会被执行
区分大小写
JavaScript中换行有断句的意思
分号可有可无,不过为了规范,都写
注释:单行:// 多行:/*。。。*/
使用方法:
1.在页面中直接嵌入javascript代码
2.链接外部JavaScript文件 外部脚本文件不能用<srcipt>包起来,且网页的<script>中不能有其他js代码,此时</script>不能省略
3.作为特定标签的属性值使用 (1)通过"javascript:"来调用js的函数或方法: <a href="javascript:alert(您单击了这个超链接)">请单击这里</a> 单击链接后会执行alert函数
(2)与事件结合调用:可以与各种像单击鼠标、按下键盘等结合: <input type="button" value="单击按钮" οnclick="alert(您单击了这个按钮)"/> 单击后会触发js的方法或函数
PS:可以放在<head>或者<hold>中
<script>标记的常用属性
language="javascript" language属性指定在HTML中使用哪种脚本语言及其版本
src="xxx.js" src属性指定外部脚本文件的路径
type="text/javascript" language属性指定在HTML中使用哪种脚本语言及其版本,HTML4开始,推荐用type代替language
<script defer> 作用是当文档加载完后再执行脚本,加快网页加载速度
JavaScript基础
数据类型为弱类型,数据可以先不做声明,使用或者赋值的时候再确定数据类型。
数字的范围 支持十进制和十六进制,不是所有JavaScript都支持八进制,所有最好不要用八进制,
浮点型 采用的是传统的科学计数语法, 例:3.12e11=3.12*10的11次方 1.23E-12=1.23*10的-12次方
单引号中出现双引号或者双引号中出现单引号,都不需要进行转义;单引号中的单引号和双引号中的双引号都需要进行转义
转义字符: 常用: \b 退格 \v 跳格
\n 换行 \r 换行
\t Tab符号 \\ 反斜杠
\f 换页 \OOO 八进制整数,范围:000-777
\' 单引号 \xHH 十六进制整数,范围为:00-FF
\" 双引号 \uhhhh 十六进制编码的Unicode
在"document.writeln("");"使用转义符时,只有将其放在格式化文本中才会起作用,必须放在<pre></pre>中,例如
document.writeln("<pre>");
document.writeln("轻松学习\nJavaScript 语言!");
document.writenln("</pre>");
未定义值 未定义类型的变量是undefined,表示变量还没有赋值(如:var a;),或者赋予一个不存在属性值
NaN,非数字,若计算错误后,产生一个没有意义的数字,返回的数字值就是NaN
空值 null,表示空值
常量 const
常量名:数据类型=值;
变量 声明 :var a;(值为undefined)
:var a=1;
:var a,b,c;
作用域: 若声明在函数外,在整个程序有效,程序结束,变量才失效,为全局变量;若在函数内,则函数解释,该变量的生存期就结束了,为局部变量
比较运算符 不介绍常用的了 值都是布尔型true false
== 等于,值根据表面值进行判断,不涉及数据类型
=== 绝对等于,根据表面和数据类型同时判断
!= 同上
赋值运算
a+=b ——> a=a+b;
a*=b 同上
字符运算
+ 连接两个字符串
+= 连接两个字符串并且赋值给前面一个
逻辑运算符
&& 逻辑与
|| 逻辑或
! 逻辑非 如:!a
位操作运算符 & 与运算符 << 左移
| 或运算符 >> 右移
^ 异或运算符 >>> 填零右移 PS:运算前,先对操作数转换位32位的二进制数,再进行相关运算,结果用十进制数表示
~ 非运算符
typeof运算符 如:typeof a 值为:a的数据类型 (把类型信息以字符串返回)
new运算符 new constructor[(arguments)] (cons为必填,argument为选填 )
例: Object1 = new Object;
Array1 = new Array();
Date3 = new Date("August 8 2016")
运算符优先级 查表
数据类型的换行 查表
流程控制 跟c语言一样
函数
语法: function 函数名(参数1,参数2.。。){ ... return(可有可无) } 以function开头,return返回值
调用 简单调用 使用时在直接在body中写 函数名("参数","参数","参数");
通过超链接调用 <a href="javascript:函数名();">链接名字</a>
事件响应中 <input type="button" οnclick="函数名()">
嵌套函数: 一个函数里面有另一个函数 优点:内部函数可以直接使用外部函数的的参数和全局变量;缺点:程序可读性降低
递归函数: 函数自身调用自身函数,常用于处理阶乘问题,递归容易陷入死循环,得小心
JS中的内置函数
eval() 求字符串中的表达式的值
isFinite() 判断一个数值是否为无穷大
isNaN() 判断一个数值是否为NaN
parseInt() 将字符型转换为整型
parseFloat() 将字符型转换为浮点型
encodeURI() 将字符串转换为有效的URL
encodeURIComponent() 将字符串转换为有效的URL组件
decodeURI() 对encodeURL()编码的文本进行解码
decodeURIComponent() 对encodeURLComponent()编码的文本进行解码