慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_HM媚_0

<h1>操作成功</h1>

一个标签，会自动换行

查看全部

0 采集收起来源：编程练习
2018-08-01
祎_然

①目前试了Firefox、Google Chrome、IE三个浏览器，该事件只对IE起作用。

②onunload事件对于刷新页面和超链接跳转其他页面情况有效，对于关闭页面无效。

③onbeforeunload事件才对关闭页面有效。

④window.onunload = onunload_message后面不需要加()。如果有人不管加没加()，都在页面跳转和刷新时弹不出提示框，是因为IE限制了网页运行脚本或ActiveX控件，点击“允许阻止的内容”，再刷新和跳转就可以看到效果了。

⑤加了()的，在页面一打开就会弹出提示框，这个不是我们要实现的效果

查看全部

1 采集收起来源：卸载事件（onunload）
2018-08-01
祎_然

onchange事件要先在文本框写入内容，在改变内容，最后点击文本框以外区域，才会弹出对话框

查看全部

0 采集收起来源：文本框内容改变事件（onchange）
2018-08-01
祎_然

这个onselect是一种选中（这个选中是指你按着鼠标左键拖动鼠标选东西的时候）才会触发onselect 如果只是把光标放在框框内是不会触发的

查看全部

0 采集收起来源：内容选中事件（onselect）
2018-08-01
横渠四句
sort()方法使数组中的元素按照一定的顺序排列。
语法:
```
arrayObject.sort(方法函数)
```
参数说明：
1.如果不指定<方法函数>，则按unicode码顺序排列。
2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。
```
myArray.sort(sortMethod);
```
注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。
1.使用sort()将数组进行排序，代码如下：
```
<script type="text/javascript">
  var myarr1 = new Array("Hello","John","love","JavaScript"); 
  var myarr2 = new Array("80","16","50","6","100","1");
  document.write(myarr1.sort()+"<br>");
  document.write(myarr2.sort());
</script>
```
运行结果：
```
Hello,JavaScript,John,love
1,100,16,50,6,80
```
注意:上面的代码没有按照数值的大小对数字进行排序。
2.如要实现这一点，就必须使用一个排序函数，代码如下：
```
<script type="text/javascript">
  function sortNum(a,b) {
  return a - b;
 //升序，如降序，把“a - b”该成“b - a”
}
 var myarr = new Array("80","16","50","6","100","1");
  document.write(myarr + "<br>");
  document.write(myarr.sort(sortNum));
</script>
```
运行结果：
```
80,16,50,6,100,1
1,6,16,50,80,100
```
查看全部

0 采集收起来源：数组排序sort()
2018-08-01
祎_然

onfocus =" " 这个属性是文本框获得焦点的属性，而alert 这个是
弹出对话框，当你点击弹出框的“确定”时，你的文本框就失去焦点了，而你点击了之后文本框又获得焦点了，这个时候就陷入死循环了

查看全部

2 采集收起来源：光标聚焦事件（onfocus）
2018-08-01

横渠四句

arrayObject.slice(start,end)
返回一个新的数组，包含从 start 到 的 arrayObject 中的元素。

查看全部

0 采集收起来源：选定元素slice()

2018-08-01

横渠四句
Math对象，提供对数据的数学计算。
使用 Math 的属性和方法，代码如下：
```
<script type="text/javascript">   var mypi=Math.PI;    var myabs=Math.abs(-15);   document.write(mypi);   document.write(myabs); </script>
```
运行结果:
```
3.141592653589793 15
```
注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。
Math 对象属性
Math 对象方法
查看全部

0 采集收起来源：Math对象
2018-07-31
横渠四句

substr(start,length)
substring(start,end)
alert("123456789".substr(2,5)) 它显示的是 "34567"
alert("123456789".substring(2,5)) 则显示的为 "345"

查看全部

0 采集收起来源：提取指定数目的字符substr()
2018-07-31
横渠四句

charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
注意：1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。
2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。

查看全部

0 采集收起来源：返回指定位置的字符
2018-07-31
横渠四句

String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写，toLowerCase()方法，将字符串所有大写字母都变成小写的字符串。

查看全部

0 采集收起来源： String 字符串对象
2018-07-31
qq_HM媚_0
document.getElementById("clock").value
获取标签id里的值
查看全部

0 采集收起来源：取消计时器clearInterval()
2018-07-31
qq_风中守望者_0

css的样式设置id="menu"的时候用#menu { } 设置 class="menu"的时候用.menu { }

查看全部

0 采集收起来源：编程挑战
2018-07-31
qq_风中守望者_0

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">

window.onload = function(){

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
var tr = document.getElementsByTagName("tr");
for(var i=0; i<tr.length; i++)
{
bgChange(tr[i]);
}

}
function bgChange(obj){
obj.onmouseover=function(){
obj.style.backgroundColor=" #f2f2f2";
}
obj.onmouseout=function(){
obj.style.backgroundColor="#fff";
}
}

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

function add(){
var no = prompt("请输入学号：", "");
var name = prompt("请输入姓名：","");
if(no!=null&&name!=null&&no!=""&&name!="")
{
var tr = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var newno = document.createTextNode(no);
var newname = document.createTextNode(name);
var del = document.createElement("a");
td1.appendChild(newno);
td2.appendChild(newname);
td3.appendChild(del);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
bgChange(tr);

// 用这种和下面的效果一样
// del.href="javascript:;";
// del.onclick= function() { delect(this); };
// del.innerHTML="删除";


del.setAttribute("href","javascript:;");
del.setAttribute("onclick","delect(this)");
del.innerHTML="删除";
// 用这种的话 td3.appendChild(del);这段就不要了
// td3.innerHTML="<a href='javascript:;' onclick='delect(this)' >删除</a>";
var table = document.getElementById("table");
table.appendChild(tr);
}
else{
alert("姓名和学号不能为空，请重新输入！");
Add();
}
}

// 创建删除函数

function delect(obj){
var tr=obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}

</script>
</head>
<body>
<table border="5" width="80%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>

<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="delect(this)">删除</a></td> 
</tr>

<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="delect(this)">删除</a></td> 
</tr>

</table>
<input type="button" value="添加一行" onclick="add()" /> 
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-07-31
qq_HM媚_0
```
 attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
```
获取时间的时分秒
查看全部

0 采集收起来源：计时器setInterval()
2018-07-31

首页上一页 676 677 678 679 680 681 682 下一页尾页

0/150

提交

取消

开始学习

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

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