1.JavaScript中,局部变量若与全局变量名相同,则覆盖掉全局变量。
append、appendTo、appendChild、在父节点中的最后一个子节点后面插入。append和appendTo区别是append的前面是对象,后面是要插入的节点对象。
比如append var wrap=document.getElementById('wrap'); wrap.append('<p>111111</p>');
而 appendTo $('<p>1111</p>').appendTo($('wrap'));
appendChild 是JS方法,和append一样,插入到父节点中最后一个子节点之后。
上面的 都是在插入父元素中的子节点最后。
prepend、prependTo
上面两个的 都是在插入父元素中的子节点最前面。
after 、insertafter
上面两个的 都是在插入当前元素之后。
before 、insertbefore
上面两个的 都是在插入当前元素之前。
innerHTML是把当前内容都换掉,是JS原生方法,可以写入元素节点。用法 DOM.innerHTML='<p>1111222</p>';
innerTEXT是把当前内容都换掉,是JS原生方法,可以写入元素节点。用法 DOM.innerText='<p>1111222</p>';
jquery方法是html()和text();
Task07
break continue 和return 的区别
//break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句
//continue语句和break语句相似。所不同的是,它不是退出一个循环,而是开始循环的一次新迭代。continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内,在其它地方使用都会引起错误!
//return语句就是用于指定函数返回的值。return语句只能出现在函数体内,出现在代码中的其他任何地方都会造成语法错误!执行结果Uncaught SyntaxError: Illegal return statement(…)意思是非法捕获的查询返回语句。当执行return语句时,即使函数主体中还有其他语句,函数执行也会停止!
谷歌和ie浏览器style.backgroundColor 显示使用rgb模式,必须一摸一样
flex布局 flexible box 弹性布局 用来为盒状模型提供最大的灵活性
任何一个容器都可以指定为 Flex 布局。
.box{ display: flex; }
行内元素也可以使用 Flex 布局。
.box{ display: inline-flex; }
Webkit 内核的浏览器,必须加上-webkit
前缀。
.box{ display: -webkit-flex; /* Safari */ display: flex; }
注意,设为 Flex 布局以后,子元素的float
、clear
和vertical-align
属性将失效。
typeof 判断基本类型(object,number,boolean,function,undefine,null) 函数对象function typeof null==="object" typeof[1,2]==="number"遇到null失效
判断自定义对象检测原生对象 取决于原型链 obj(非对象返回error) instanceof Object(函数对象或函数构造系);遇到null和undefined失效
判断内置对象和基元类型 Object.prototype.toString.apply([]);==="[object Array]";
创建数组
var arr=[a,b,c];数组最后允许多一个逗号
var arr=new Array();
delete arr[0] 数组长度不变
arr.push(); 尾部添加
arr.unshift(0); 头部添加
2 in arr false true
arr.pop(); 删除尾部元素
arr.shift(); 删除头部元素