慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

莫问归途何往
设置指定元素上的一个属性值。
如果属性已经存在，则更新该值; 否则将添加一个新的属性用指定的名称和值。
要获取属性的当前值，使用 getAttribute();
要删除一个属性，调用removeAttribute()。
语法:
```
element.setAttribute(name, value);
```
- name 是表示属性名称的字符串
- value 是属性的新值
Element.setAttribute()
查看全部

0 采集收起来源：setAttribute()方法
2019-01-07
莫问归途何往
getAttribute() 返回元素上一个指定的属性值。如果指定的属性不存在，则返回 null 或 ""（空字符串）；具体细节, 请参阅 Notes 部分。
语法:
```
let attribute = element.getAttribute(attributeName);
```
上面：
- attribute 是一个包含 attributeName 属性值的字符串。
- attributeName 是你想要获取的属性值的属性名称。
Element.getAttribute()
查看全部

0 采集收起来源：getAttribute()方法
2019-01-07
莫问归途何往

选中复选框的方法
    1.先判断是否为复选框
    2.使用documet.getELementByName()/document.getElementByTagName()先获取所有的input框在通过
    if判断,最后使用for循环遍历所有的input框,添加checked的boolean值

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2019-01-07
莫问归途何往
```
document.getElementsByTagName(Tagname)
```
说明:
1. Tagname是标签的名称，如p、a、img等标签名。
2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。
查看全部

0 采集收起来源：getElementsByTagName()方法
2019-01-07
慕斯卡7430691
插入节点insertBefore()
insertBefore() 方法可在已有的子节点前插入一个新的子节点。
语法:
insertBefore(newnode,node);
参数:
newnode: 要插入的新节点。
node: 指定此节点前插入节点。
我们在来看看下面代码，在指定节点前插入节点。
运行结果:
```
This is a new p JavaScript HTML
```
注意: otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]);
任务
试一试，在script 标签内补充代码，实现创建一个新li标签，内容为"php",并将新创建的li插入到内容为HTML的标签前。
查看全部

0 采集收起来源：插入节点insertBefore()
2019-01-07
慕函数7452445
数据创建和赋值：
1. var myarr= new Array(3);
  myarr[0]=80;
  myarr[1]=90;
  myarr[2]=69;
2. var myarr=new Array(80,90,69);
3. var myarr=[80,90,69];
  Tips:数组存储的数据可以是任何类型（数字，字符，布尔值等）
查看全部

0 采集收起来源：谁是团里成员（数组赋值）
2019-01-07
yongold

++自增1，--自减1，%是整除后的余数，输出数值看是否先自加或者自减（或加减）
var b = 100%7; 表示b等于100除于7得出的余数

查看全部

1 采集收起来源：编程练习
2019-01-07
慕斯卡7430691
插入节点appendChild()
在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:
```
appendChild(newnode)
```
参数:
newnode：指定追加的节点。
我们来看看，div标签内创建一个新的 P 标签，代码如下:
运行结果:
```
HTML JavaScript This is a new p
```
任务
试一试，完成为UL标签添加一个新项PHP。
1.在代码编辑器中，script标签内，为ul添加一个li。
2.设置li内容为PHP。
查看全部

0 采集收起来源：插入节点appendChild()
2019-01-07
慕斯卡7430691
访问兄弟节点
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.nextSibling
```
说明：如果无此节点，则该属性返回 null。
2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.previousSibling  
```
说明：如果无此节点，则该属性返回 null。
注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。
解决问题方法:
判断节点nodeType是否为1, 如是为元素节点，跳过。
运行结果:
```
LI = javascript nextsibling: LI = jquery
```
任务
试一试，编写get_previousSibling 函数，获得指定节点的上一个节点。
查看全部

0 采集收起来源：访问兄弟节点
2019-01-07
慕函数7452445
操作符之间的优先级（高到低）:
算术操作符 -->比较操作符 --> 逻辑操作符 --> "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。
```
var numa=3;
var numb=6;
jq= numa + 30 >10 && numb * 3<2;  //结果为false
```
查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2019-01-07
慕仔5229773
返回指定位置的字符：
```
stringObject.charAt(index)；
```
查看全部

0 采集收起来源：返回指定位置的字符
2019-01-07
慕仔5229773

将字符创小写转换成大写：toUpperCase（）；
将字符串大写转化成小写：toLowerCase（）；

查看全部

0 采集收起来源： String 字符串对象
2019-01-07
慕仔5229773

当前时间：D=new Date（）；
延后时间：D.setTime(D.getTime（）+x*60*60*1000);

查看全部

0 采集收起来源：返回/设置时间方法
2019-01-07
慕移动1523428
获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:
一、对于IE9+、Chrome、Firefox、Opera 以及 Safari：
• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度
二、对于 Internet Explorer 8、7、6、5：
• document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。
• document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。
或者
Document对象的body属性对应HTML文档的<body>标签
• document.body.clientHeight
• document.body.clientWidth
在不同浏览器都实用的 JavaScript 方案：
```
var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;
```
查看全部

0 采集收起来源：浏览器窗口可视区域大小
2019-01-07
慕仔5229773

获取当前星期：D.getDay（）；

查看全部

0 采集收起来源：返回星期方法
2019-01-07