JS初识

4.请写出给一个数组使用选择排序算法排序的代码？

for(var i=0;iarr[j]){
     minIndex = j;
   }
 }
 //minIndex和i交换
 var temp = arr[i];
 arr[i] = arr[minIndex];
 arr[minIndex] = temp;
}

5.请写出给一个数组使用冒泡排序算法排序的代码？

for(var i = 0;iarr[j+1]){
     var temp = arr[j];
     arr[j] = arr[j+1];
     arr[j+1] = temp;
   }
 }
}

6.已知数组var arr = [1,2,-4,6,0,9];如何对该数组元素进行随机排序？

var arr = [1,2,-4,6,0,9];
arr.sort(function(a,b){
 return Math.random()-0.5;
})

7.如何对数组中的对象排序，请用代码举例说明？

var arr = [
 {name:'zs',age:18},
 {name:'xx',age:20},
 {name:'zz',age:19},
​
]
arr.sort(function(a,b){
 returen a.age-b.age;//按照年龄从小到大.
})

8.统计一个字符串中某个字符出现的次数？并找出出现次数最多的字符？

var str = 'aafwafawf23j2i32inkl32jio23';
var obj = {}
for(var i = 0;imaxCount){
   maxCount = obj[key];
   maxChar = key;
 }
}
maxChar:次数最多的字符
maxCount;最大重复次数

1.数组的常用方法有哪些（10）？

1.添加和删除
    arr.push(items):尾部添加
    arr.pop():尾部删除
arr.unshift(items):头部添加
arr.shift():头部删除
2.splice方法:
    arr.splice(start,deleteCount,items):从start开始删除deletecount个元素,并用items替换.
        deleteCount:如果不指定,默认删除到结尾.
​
​
3.数组的其他方法:
    arr.join("连接符"):将数组元素通过连接符拼接成一个字符串.
arr.reverse():反转数组.
arr.concat(arr2,arr3):将数组拼接成一个新数组[arr,arr2,arr3]
    arr.indexOf('元素'):判断元素在数组中的下标,如果不存在返回-1
    arr.slice(start,end):从start开始截取到end-1为止(包头不包尾)
4.排序方法:
    arr.sort(function(a,b){
   return a-b//升序
   return b-a//降序
 })

2.正则对象的创建方法?正则修饰符有哪些?

字面量: /正则表达式/修饰符
关键字:new RegExp('正则表达式','修饰符')
​
修饰符:
1.g:全局匹配.
2.i:忽略大小写

3.正则的匹配方法有哪些?

1.字符串的方法:
    str,replace(regObj,用什么替换)
    str.split(regObj)
    str.search(regObj):查询regObj匹配的内容的下标,如果没有找到返回-1
    str.match(regObj):将正则匹配到的内容提取出来.配合g修饰符可以全局查找提取.
2.正则对象方法:
    regObj.test(str):查看正则对象时候匹配字符串,true为匹配,false为不匹配.
 regObj.exec(str):检索正则匹配到的内容,返回一个数组.

4.请列举出常见的元字符并说出他们的含义?

单个字符:
    .:除换行符意外的任意字符.
 [abc]:匹配a或b或c
 [a-z]:匹配小写字母
    [^a-z]:匹配非小写字母.
 \d:数值0-9
    \w:数字字母,下划线
    \s:空白字符(空格 ,换行\n,\t)
    \b:单词边界
表示重复次数:
    ?:重复0或1次
 *:>=0
    +:>=1
    {n};重复n次
 {n,m}:[n,m]
    {n,}:>=n

5.DOM如何获取子节点，并说出他们的区别？

parent.children :返回htmlcollection,获取标签子节点.
parent.childNodes:返回NodeList,可以获取所有类型的子元素(文本节点,注释节点,标签节点)

6.DOM如何获取父节点。

1.获取直接父元素:子元素.parentNode
2.获取定位父元素:子元素.offsetParent

7.DOM如何获取兄弟节点？

1.首节点:parent.firstElementChild || parent.firstChild
2.尾节点:parent.lastElementChild || parent.lastChild
3.下一个兄弟: 参考节点.nextElementSibling || nextSilbing
4.上一个兄弟:参考节点.previousElementSibling || previousSilbing
​
​

8.如何通过css选择器获取元素？

document/parent.querySelector();获取选择器选中的第一个元素.
document/parent.querySelectorAll():获取选择器选中的所有元素.

9.如何创建一个标签节点。

document.createElement("标签名")

1.DOM的属性操作有哪些方法，并说明其作用？

1.元素.属性名操作属性:
    获取:元素.属性名
    设置:元素.属性名 = 属性值
    注意:只能操作默认属性,操作自定义属性怎么设置怎么获取.
2.元素.getAttribute(属性名):获取属性
    注意:可以获取任意属性.
3.元素.setAttribute(属性名,属性值)
    可以设置任意属性.
4.元素.removeAttribute(属性名)

2.DOM如何快速的获取表格内容，都有哪些方法。

第一步:获取table标签
第二步:通过table标签属性快速获取其他表格元素.
oTab.tHead-表头
oTab.tBodies:获取所有的tbody
oTab.tFoot:获取表的底部
oTab.tBodies[0].rows:获取tbody的所有的行
oTab.tBodies[0].rows[0].cells:获取tbody的第一行的所有单元格.
​
​

3.如何快速的获取表单的input，form表单的事件分别有哪些，其作用是什么？

1.
第一步:获取form标签
第二步:通过form标签.表单元素name属性可以快速获取所有的表单控件.
2.form的事件:
(1)onreset:重置事件,事件函数中返回true:允许重置,false:阻止重置.
(2)onsubmit:表单提交事件,事件函数中返回true:允许提交,false:阻止提交.
​

4.input表单控件的事件（5个）有哪些，请分别说明起作用。

onfocus:表单获取光标触发.
onblur:表单失去光标
oninput:获取焦点后,,当表单内容发生变化时触发(实时触发)
    IE低版本不报错,无效.
onpropertychange:获取焦点后,当表单内容发生变化时触发(实时触发)
    IE低版本有效.
onchange：失去焦点的时候输入框内容发生变化时触发（当前内容和上一次内容比较）

5.什么是BOM，BOM的核心是什么，window和document的区别是什么？

BOM:broswer object model(浏览器对象模型)
BOM的核心是window,window是JS中最大的对象,所有全局变量和函数都属于window,可以通过window.来调用,也可以省略window
window和document的区别:
1.window表示浏览器窗口对象,是JS最大的对象.是BOM的核心.
2.document表示文档对象.是DOM的核心.

6.BOM的client系列有哪些属性，并说明其作用。

元素.clientWidth:获取可视宽 (content+padding)
元素.clientHeight:获取可视高(content+padding)
获取窗口的可视区宽高:
    document.documentElement.clientWidth/clientHeight

7.BOM的offset系列有哪些属性，并说明起作用？

1.获取元素的占位宽高:
    元素.offsetWidth/offsetHeight(content+padding+border)
2.获取元素的位置:(获取距离定位父元素的距离)
    元素.offsetTop/offsetLeft

8.BOM的scroll系列有哪些属性，并说明其作用？

1.获取元素实际宽高:
    元素.scrollWidth/scrollHeight
2.获取被卷曲的高度:元素.scrollTop
3.获取元素被卷曲的宽度:元素.scrollLeft
4.获取页面被卷曲的高度:
    document.body.scrollTop || document.documentElement.scrollTop

9.DOM创建节点，删除节点，添加节点，替换和复制节点的方法分别是什么？(DOM操作节点的方法)（7）