浏览器端技术js的周末总结

客户端技术 js
javaScript
jquery对js的封装
1、动态效果页面
2、在客户端完成数据有效性验证 不要交给服务器端
3、修改css中的属性

直接调用
<script type="text/javascript>
//参数是形参 只要是合法的标识符就ok
不需要指定的数据类型
//btn代表的是input的元素标签
function mybutton(btn){
var msg = btn.value;
//声明变量不需要数据类型 所有类型都是var
赋值的时候决定变量类型
if(msg=='stop')
msg='start'
else msg='stop'"
}
<script>

嵌入式  包含外部js文件
onclick="javascript" src="first.js"
charset="UTF-8"></script>
//不要再<script>中填写其他代码  否则会被忽略
//标签head中 等到全部js代码都被下载 解释和执行完成后才能开始呈现页面的内容
可将代码引用放到body元素放到内容后面
//延迟脚本
defer=“defer” 延迟至浏览器 遇到</html>标签后再执行。如果有多个延迟脚本，并不会照顺序执行，最好包含一个延迟脚本，并且将其放在页面最底部，用于外部引入的js

parseFloat(first)转为数字
isNAN 判断是否为非数字
返回true 非数字
false  数字

！null==true  但是null！=false
null==undifined但是不相同

==判断两个数是否相等 只判断两个值是否相等

===判断两个数是否相同
先判断两个数数据类型是否相同
如果数据类型不同，那么这两个数就不相同
如果数据类型相同  在判断两个数据类型是否相同

数据类型
1、ECMAScript不支持自定义类型，只有6种数据类型
5种基本数据类型 简单数据类型
undefined 未定义的
Null 空引用数据类型
Boolean 布尔类型
Number 数字类型
String 字符串类型
1中引用数据类型  复杂数据类型
Object 本质由一组无序的键值对组成
var peoson = new Object();
person.name = "sd";
2typeof操作符  返回该变量名所指的数据类型
语法   typeof 变量名
取值如下    undefied   未定义
boolean     布尔类型
string      字符串
number      数值
object      对象 或者null
function    函数
3、基本数据类型
Undefind
该类型只有一个值undefied 对未声明和初始化的变量执行typeof操作符执行typeof都返回undefind
Null类型
该类型只有一个值null
null可以表示一个空对象的指针
var car = null；
如果一个变量准备将来保存对象，可以将该变量初始化null而不是其他，这样可以检查null值就可以知道响应的变量是否已经保存了一个对象的引用
实际上undefined派生自null值 undefined==null结果为true
null和undefined用途不同，null可以用来表示一个空对象，但是没必要把一个变量的值显式的设置为undefined

Boolean类型
该类型只有两个值 true false 虽然boolean类型的取值只有两个，但是ECMAScript中所有类型的值都有这两个Boolean等价的值
Number 该类型用来表示整数和浮点数
表示方法
1、整数
十进制数： 55    0~9
八进制数： 首位为0,其他位为（0~7 如果字面值超出了范围，前导0将会被忽略）
070 （表示 7*8一次方 =  56）
079 （超过了范围，表示79）
十六进制： 前两位为0x，其他位为(0~9，A~F)
2. 浮点数
所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后必须至少有一位数字。浮点数值的最高精度是17位小数。
例如： var f = 1.2;
科学计数法：e
var e = 3.125e7;        //31250000
2 数值范围
如果某次运算超过了JavaScript数值范围 将会返回Infinity正无极或者-Infinity负无极使用isFinite()函数可以判断参数是否存在最大值和最小值 如果在返回true
非数值NaN
该数值表示一个本来要返回值的操作数为返回数据的情况
任何设计NAN的操作都会返回nan
nan与任何值都不相等 包括nan本身
isnan判断参数是否 不是数值 当参数para不是数值的时候返回true

isNaN(NaN);         true
isNaN("blue");      true
isNaN(10);          false
isNaN("10");        false
isNaN(true);        false
1、默认情况下 ECMAScript会将小数点后带有6个 零以上的浮点数转化为科学技术法
2、在进行算数计算时，所有八进制十六进制表示的数值都会被转换为十进制数值
3、保存浮点数需要的内存是整数的两倍，因此ECMAScripe会不失时机地将浮点数转化为整数
4、避免测试某个特点是浮点数值，是使用IEEE754数值的浮点计算的通病。

String 该类型表示由零个或者多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号或者单引号表示
字符字面量
\n 换行
\t 制表
\b 退格
\r 回车
\\ 斜杠
\' 单引号
\" 双引号
字符长度
通过length获取字符串长度
Object
ECMAScript中的对象其实就是一组数据和功能的集合
对象可以通过执行 new 对象类型 来创建
var o = new object();
Object类型是所有它的实例的基础，Object类型所具有的任何属性和方法 同样存在于更具体的对象
constructor
保存用户创建当前对象的函数
hasOwnProperty(propertyName)
用于检查给定的属性是否存在当前的对象实例中
toLocaleString();
返回对象的字符串表示，该字符串与执行环境的地区对应
toString(）
返回独享的字符串表示
valueof()
返回对象的字符串 数值 布尔值的表示
类型转换
1、其他数据到boolean类型转换
Boolean      true        false
String      非空字符串     ""
Number     任何非0            0和NAN
Object     任何对象        null
Undefined  n/a             undefined
not application不适用

Boolean("")     //false
Boolean("0")        //false
Boolean(NaN)        //false
Boolean(null)       //false
Boolean(undefined)      //false
Boolean("briup")        //true
Boolean(1)      //true

其他数据类型到数值类型转换
Number()
1、如果转换的值是null、undefined，boolean、number
Number(true);       //1
Number(false);      //0
Number(null);       //0
Number(undefined);      //NaN
Number(10);     //10
如果是数字值，原样输出
2、如果是字符串
Number("234");
//仅包含数值 转换为对应的数值
Number("+12.3");//
首位为符号位，其余为数值，转换为对应的数值
Number("1+2.3");//NAN
符号位出现在其他位置 解析为NAN
Number("0xa");
如果仅包含十六进制格式，转换为对应的十进制值
Number("010");
不会当作八进制解析 结果为10

parseInt()
1、如果转换的值是null、undefined、boolean、number
parseInt(true)    //NAN
parseInt(false)   //NAN
parseInt(null)   //NAN
parseInt(undefined)   //NAN
parseInt(10)   //10
parseInt(10.3)      //10

其他数据类型到字符串的类型转换
tostring函数
默认情况下tostring是以十进制格式返回数值的字符串表示，通过传递参数 可以输入以二进制八进制十六进制 乃至任意有效进制格式的字符串值
null.toString   报错
ubdefined.toString 报错

String（）  构造函数
String(null)  "null"
String(undefined)  "undefined"

表单验证   验证邮箱正则表达式来验证一个表达式是否合法
javaScript中正则表达式的对象RegExp
1、对象法
2、量词法

input框修改用value
非input用innerText

document对象 代表窗口中显示的html文档
三个重要函数
document.getElementById通过元素id去得到这个元素
document.getElementByName通过元素的name值获取页面
document.getElementByTagName()通过元素的标签名称获得页面中所有指定标签额元素对象的集合

窗口的打开和关闭
window.open(url,name,config);
window.close();
var win = window.open(url,name,config);
win.close();
对话栏
状态栏 window.status="hello";

Dom节点的方法
childNodes子节点，数组 不同的浏览器效果不同，
nodeType节点类型，所有浏览器都适用
返回1是元素节点
返回3是文本节点
children 只包含元素不包含文本
所有浏览器都使用
parantNode 父节点

首尾节点：firstChild IE6-8使用的除去第一个空白字符
firstElementChild更高级版本使用的
lastChild 包含后面的空白字符
lastElementChild 不包含后面的空白字符
nextSibling
nextElementSiling
previousSibling
previousElementSibling
操作元素属性
第一种  oDiv.style.display='block';
oDiv.style.color
oDiv.style.fontsize
第二种 oDiv.style['display']=
第三种 Dom方式 很少用
setAttribute('value','edas');
第一个参数是属性的名字
第二个参数是属性的值
removeAttribute(名称);
getAttribute(名称）;

Dom操作和应用 例如ul中添加li
创建Dom元素
createElement(标签名）
appendChild(节点）
赋值 innerHTML=input.value
innerText=
插入元素
insertBefore(newChild,refChild);
删除元素
removeChild(节点）；