[深圳|内门弟子]JS-鲁强|2021年08月16日的日报-技能树.IT修真院

发表于： 2021-08-16 23:18:22

0 1938

今天完成的事情：
前几天整理了jq，今天花时间把js基础给整理了一下

♠DOM对象，控制HTML元素
认识DOM
访问和处理HTML文档的标准方法。

getElementsByName()方法
返回带有指定名称的节点对象的集合。

getElementsByTagName()方法
返回带有指定标签名的节点对象的集合。

区别getElementByID,getElementsByName,getElementsByTagName
1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。
2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。
3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。

getAttribute()方法
getAttribute() 方法通过名称获取属性的值。
document.getElementById("demo").innerHTML = a.getAttribute("target");

setAttribute()方法
setAttribute() 方法创建或改变某个新属性。
document.getElementsByTagName("input")[0].setAttribute("type","button");

节点属性
1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型

访问子节点childNodes
childNodes 属性返回包含被选节点的子节点的 NodeList。
elementNode.childNodes

访问子节点的第一和最后项
node.firstChild
node.lastChild

访问父节点parentNode
elementNode.parentNode

访问兄弟节点
nodeObject.nextSibling

插入节点appendChild()
在指定节点的最后一个子节点列表之后添加一个新的子节点。
ul.appendChild(li);

插入节点insertBefore()
insertBefore() 方法可在已有的子节点前插入一个新的子节点。
main.insertBefore(ul,div);

删除节点removeChild()
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
main.removeChild(ul);

替换元素节点replaceChild()
replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。
main.replaceChild(new,old);

创建元素节点createElement
document.createElement(tagName)

创建文本节点createTextNode
document.createTextNode(data)

Math对象
Math对象，提供对数据的数学计算。

向上取整ceil()
ceil() 方法可对一个数进行向上取整。
Math.ceil(x)

向下取整floor()
floor() 方法可对一个数进行向下取整。
Math.floor(x)

四舍五入round()
round() 方法可把一个数字四舍五入为最接近的整数。

随机数 random()
random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。
Math.random();

什么是事件
事件是可以被 JS侦测到的行为!

鼠标单击事件( onclick ）
网页上单击鼠标时，就会发生该事件

鼠标经过事件（onmouseover）
当鼠标移到一个对象上时，该对象就触发onmouseover事件

鼠标移开事件（onmouseout）
当鼠标移开当前对象时，执行onmouseout调用的程序。

光标聚焦事件（onfocus）
对象获得聚点时，执行onfocus调用的程序就会被执行。

失焦事件（onblur）
当光标离开当前获得聚焦对象的时候，触发onblur事件

内容选中事件（onselect）
当文本框或者文本域中的文字被选中时，触发onselect事件

文本框内容改变事件（onchange）
通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。

加载事件（onload）
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
onload="myFunction()"

卸载事件（onunload）
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。

什么是函数
函数的作用，可以写一次代码，然后反复地重用这个代码。
function add2(a,b){
sum = a + b;
 alert(sum);
} 

定义函数
function  函数名( )
{
     函数体;
}

函数调用
 add2();//调用函数，直接写函数名。(js中调用)
onclick="add2()"  //按钮,onclick点击事件，直接写函数名(html中调用)

有参数的函数
参数可以多个，根据需要增减参数个数。参数之间用逗号隔开。

返回值的函数
function add2(x,y)
{
   sum = x + y;
   return sum; 
}

做判断（if语句）
if(条件)
{ 条件成立时执行代码}

二选一 （if...else语句）
if(条件)
{ 条件成立时执行的代码}
else
{条件不成立时执行的代码}

多重判断（if..else嵌套语句）
if(条件1)
{ 条件1成立时执行的代码}
else  if(条件2)
{ 条件2成立时执行的代码}
...
else  if(条件n)
{ 条件n成立时执行的代码}
else
{ 条件1、2至n不成立时执行的代码}