慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

前方17

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。

查看全部

0 采集收起来源：History 对象
2018-09-04

那个六年级的小男孩

createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

语法：

document.createElement(tagName)

参数:

tagName：字符串值，这个字符串用来指明创建元素的类型。

注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。

我们来创建一个按钮，代码如下：

<script type="text/javascript">   var body = document.body;    var input = document.createElement("input");  
   input.type = "button";  
   input.value = "创建一个按钮";  
   body.appendChild(input);  
 </script>

效果：在HTML文档中，创建一个按钮。

我们也可以使用setAttribute来设置属性，代码如下：

<script type="text/javascript">  
   var body= document.body;             
   var btn = document.createElement("input");  
   btn.setAttribute("type", "text");  
   btn.setAttribute("name", "q");  
   btn.setAttribute("value", "使用setAttribute");  
   btn.setAttribute("onclick", "javascript:alert('This is a text!');");       
   body.appendChild(btn);  
</script>

效果：在HTML文档中，创建一个文本框，使用setAttribute设置属性值。当点击这个文本框时，会弹出对话框“This is a text!”。

查看全部

0 采集收起来源：创建元素节点createElement

2018-09-04

月读o_O

random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1）之间的一个为正的随机数。
语法：
Math.random();
我们取得介于 0 到 1 之间的一个随机数，代码如下：
<script type="text/javascript">
document.write(Math.random());
</script>
运行结果：
0.190305486195328
注意：因为是随机数，所以每次运行结果不一样，范围是 0 ~ 1 的数值。
获得 0 ~ 10 之间的随机数，代码如下：
<script type="text/javascript">
document.write((Math.random())*10);
</script>
运行结果：
8.72153625893887

查看全部

0 采集收起来源：随机数 random()
2018-09-05
前方17
setTimeout()和clearTimeout()一起使用，停止计时器。
语法:
```
clearTimeout(id_of_setTimeout)
```
参数说明:
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
查看全部

0 采集收起来源：取消计时器clearTimeout()
2018-09-04
前方17
setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:
```
setTimeout(代码,延迟时间);
```
参数说明：
1. 要调用的函数或要执行的代码串。
2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。
查看全部

0 采集收起来源：计时器setTimeout()
2018-09-04
前方17
clearInterval() 方法可取消由 setInterval() 设置的交互时间。
语法：
```
clearInterval(id_of_setInterval)
```
参数说明:
id_of_setInterval：由 setInterval() 返回的 ID 值。
查看全部

0 采集收起来源：取消计时器clearInterval()
2018-09-04
前方17
计时器setInterval()
在执行时,从载入页面后每隔指定的时间执行代码。
语法:
```
setInterval(代码,交互时间);
```
参数说明：
1. 代码：要调用的函数或要执行的代码串。
2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
返回值:
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式(假设有一个clock()函数):
```
setInterval("clock()",1000) 或 setInterval(clock,1000)
```
查看全部

0 采集收起来源：计时器setInterval()
2018-09-04
慕运维3355615
concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。
语法
```
arrayObject.concat(array1,array2,...,arrayN)
```
参数说明：
注意: 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
我们创建一个数组，将把 concat() 中的参数连接到数组 myarr 中，代码如下：
```
<script type="text/javascript">
  var mya = new Array(3);
  mya[0] = "1";
  mya[1] = "2";
  mya[2] = "3";
  document.write(mya.concat(4,5)+"<br>");
  document.write(mya); </script>
```
运行结果：
```
1,2,3,4,5
1,2,3
```
我们创建了三个数组，然后使用 concat() 把它们连接起来，代码如下：
```
<script type="text/javascript">
  var mya1= new Array("hello!")
  var mya2= new Array("I","love");
  var mya3= new Array("JavaScript","!");
  var mya4=mya1.concat(mya2,mya3);
  document.write(mya4);
</script>
```
运行结果：
```
hello!,I,love,JavaScript,!
```
查看全部

0 采集收起来源：数组连接concat()
2018-09-03
weibo_木夕木夕MEI_0

123456

查看全部

0 采集收起来源：删除节点removeChild()
2018-09-03
weibo_木夕木夕MEI_0

123456

查看全部

0 采集收起来源：访问子节点childNodes
2018-09-03
weibo_木夕木夕MEI_0

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>
<script type="text/javascript">
var x=document.getElementsByTagName("div")[0].childNodes;
document.write("节点的个数:"+x.length+"</br>");
document.write("</br>");
for(i=0;i<x.length;i++){
document.write("第"+(i+1)+"个节点的名称:"+x[i].nodeName+"</br>");
document.write("第"+(i+1)+"个节点的值:"+x[i].nodeValue+"</br>");
document.write("第"+(i+1)+"个节点的类型:"+x[i].nodeType+"</br>");
document.write("</br>");
}

</script>
</body>
</html>

查看全部

0 采集收起来源：访问子节点childNodes
2018-09-03
weibo_木夕木夕MEI_0

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<form>
请选择你爱好:<br>
<input type="checkbox" name="hobby" id="hobby1"> 音乐
<input type="checkbox" name="hobby" id="hobby2"> 登山
<input type="checkbox" name="hobby" id="hobby3"> 游泳
<input type="checkbox" name="hobby" id="hobby4"> 阅读
<input type="checkbox" name="hobby" id="hobby5"> 打球
<input type="checkbox" name="hobby" id="hobby6"> 跑步 <br>
<input type="button" value = "全选" onclick = "checkall();">
<input type="button" value = "全不选" onclick = "clearall();">
<p>请输入您要选择爱好的序号，序号为1-6:</p>
<input id="wb" name="wb" type="text" >
<input name="ok" type="button" value="确定" onclick = "checkone();">
</form>
<script type="text/javascript">
// 全选

function checkall(){
//var i;
var hobby = document.getElementsByTagName("input")
for(i=0;i<hobby.length;i++){
hobby[i].checked=true;
}
}

// 全不选
function clearall(){
var hobby = document.getElementsByName("hobby");
for(i=0;i<hobby.length;i++){
hobby[i].checked=false;
}
}

//指定选中
function checkone(){
clearall();
var hobby = document.getElementsByName("hobby");
var j=document.getElementById("wb").value;
if(j== "" || j == undefined || j == null){
alert("您输入的为空！")
}else if(j<1||j>6){
alert("请输入1-6之间任意数值！");
document.getElementById("wb").value=null;
}
hobby[j-1].checked=true;
}

</script>
</body>
</html>

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-09-03
唐龙knight

任务：
定义clearText()函数，完成节点内容的删除。
1. 删除该节点的内容，先要获取子节点。
2. 然后使用循环遍历每个子节点。
3. 使用removeChild()删除节点。

查看全部

0 采集收起来源：删除节点removeChild()
2018-09-03
前方17
sort()方法使数组中的元素按照一定的顺序排列。
语法:
```
arrayObject.sort(方法函数)
```
.如果不指定<方法函数>，则按unicode码顺序排列。
2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。
```
myArray.sort(sortMethod);
```
注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。
查看全部

0 采集收起来源：数组排序sort()
2018-09-03
月读o_O

round() 方法可把一个数字四舍五入为最接近的整数。
语法：
Math.round(x);
参数说明：
注意：
1. 返回与 x 最接近的整数。
2. 对于 0.5，该方法将进行上舍入。（如：5.5 将舍入为 6）。
3. 如果 x 与两侧整数同等接近，则取结果接近 +∞ 方向的数字值。（如： -5.5 将舍入为 -5；-5.52 将舍入为 -6），如下图：
把不同的数舍入为最接近的整数,代码如下：
<script type="text/javascript">
    document.write(Math.round(1.6)+ "<br />");
    document.write(Math.round(2.5)+ "<br />");
    document.write(Math.round(0.49)+ "<br />");
    document.write(Math.round(-6.4)+ "<br />");
    document.write(Math.round(-6.6));
</script>
运行结果：
2
3
0
-6
-7

查看全部

0 采集收起来源：四舍五入round()
2018-09-03

首页上一页 623 624 625 626 627 628 629 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

JavaScript进阶篇

计时器setInterval()