2020-03-27

1.已知ID的Input输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)

document.getElementById(“ID”).value

2.希望获取到页面中所有的checkbox怎么做？(不使用第三方框架)

var domList = document.getElementsByTagName(‘input’)
var checkBoxList = [];//返回的所有的checkbox
var len = domList.length;　　//缓存到局部变量
while (len--) {　　//使用while的效率会比for循环更高
　　if (domList[len].type == 'checkbox') {
    　　checkBoxList.push(domList[len]);
　　}
}

3.设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)

var dom = document.getElementById('ID');
dom.innerHTML = "xxxx"
dom.style.color = "#000"

4.当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？

<div onclick=”test()”></div>  //直接在DOM里绑定事件
xxx.onclick = test   //在JS里通过onclick绑定
addEventListener(xxx, 'click', test)   //通过事件添加进行绑定

Javascript的事件流模型都有什么？
“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播
“事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的
“DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡
5.foo = foo||bar ，这行代码是什么意思？为什么要这样写？

if(!foo) foo = bar; //如果foo存在，值不变，否则把bar的值赋给foo

短路表达式：作为”&&”和”||”操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。
注意if条件的真假判定，记住以下是false的情况：
空字符串、false、undefined、null、0
6.怎样添加、移除、移动、复制、创建和查找节点

//创建新节点
createDocumentFragment()    //创建一个DOM片段
createElement()   //创建一个具体的元素
createTextNode()   //创建一个文本节点
//添加、移除、替换、插入
appendChild()      //添加
removeChild()      //移除
replaceChild()      //替换
insertBefore()      //在已有的子节点前插入一个新的子节点
//查找
getElementsByTagName()    //通过标签名称
getElementsByName()     //通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name值的)
getElementById()        //通过元素Id，唯一性

7.正则表达式构造函数var reg=new RegExp(“xxx”)与正则表达字面量var reg=//有什么不同？匹配邮箱的正则表达式？
当使用RegExp()构造函数的时候，不仅需要转义引号（即\”表示”），并且还需要双反斜杠（即\表示一个\）。使用正则表达字面量的效率更高。

var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/;  //邮箱的正则匹配

8.Javascript中, 如果已知HTML页面中的某标签对象的id=”username”，用以下方法获得该标签对象。

document.getElementById(‘username’)

9.typeof运算符返回值中有一个跟javascript数据类型不一致,它是 function
10.定义了一个变量，但没有为该变量赋值，如果alert该变量，javascript弹出的对话框中显示undefined