慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

极客天使

document.write(window.location.href);

查看全部

0 采集收起来源：Location对象
2018-06-18
慕神关关

JavaScript数组的length属性是可变的，这一点需要特别注意。

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2018-06-17
极客天使

window.history.go(number);
window.history.go(-1);
window.history.go(1);

查看全部

0 采集收起来源：返回浏览历史中的其他页面
2018-06-17
johanjingjing
变量名字可以任意取，只不过取名字要遵循一些规则:
1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下:
```
正确:           
    mysum            
    _mychar         
    $numa1
```
```
错误:  6num  //开头不能用数字
  %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
  sum+num //开头中间不能使用除(_ $)外特殊符号，如(%  + /等)
```
2.变量名区分大小写，如:A与a是两个不同变量。
3.不允许使用JavaScript关键字和保留字做变量名。
查看全部

0 采集收起来源：给变量取个名字(变量命名)
2018-06-17
极客天使

window.history.forward();
等同于
window.history.go(1);

查看全部

0 采集收起来源：返回下一个浏览的页面
2018-06-17
极客天使

window.history.back();

查看全部

0 采集收起来源：返回前一个浏览的页面
2018-06-17
Andy0726
字符串分割split()
知识讲解：
split() 方法将字符串分割为字符串数组，并返回此数组。
语法：
```
stringObject.split(separator,limit)
```
参数说明:
注意：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
我们将按照不同的方式来分割字符串：
使用指定符号分割字符串，代码如下:
```
var mystr = "www.imooc.com"; document.write(mystr.split(".")+"<br>"); document.write(mystr.split(".", 2)+"<br>");
```
运行结果:
```
www,imooc,com www,imooc
```
将字符串分割为字符，代码如下：
```
document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5));
```
运行结果:
```
w,w,w,.,i,m,o,o,c,.,c,o,m w,w,w,.,i
```
任务
运用split()方法，完成以下任务，并输出:
1. 补充右边编辑器第8行，以字符"-"分隔字符串对象mystr。
2. 补充右边编辑器第9行，将字符串对象mystr每个字符分割。
3. 补充右边编辑器第10行，将字符串对象mystr分割成字符，分割3次。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript">
var mystr="86-010-85468578";
document.write(mystr.split("-")+ "<br />");
document.write(mystr.split("")+ "<br />");
document.write(mystr.split("",3));
</script>
</head>
<body>
</body>
</html>
查看全部

0 采集收起来源：字符串分割split()
2018-06-17
qq_谦谦劫_0

为什么点击了多次start按钮之后，累加的速度回加快呢
当你点击一次后，函数就开始运行了，再点击一次后，函数又开始执行，此时相当于有两个相同的函数在运行，但结果只会出现在一个框里，视觉效果也就变快了；你当点击几次后，你甚至会发现数字会不时的隔一个出来，实际上就是一排数字排队等待输出在框里。

查看全部

0 采集收起来源：计时器setTimeout()
2018-06-17
weibo____都是局外人_03732838

var a=3;
   var b=a++;
   var c=a;
   document.write(a);
   document.write(b);
   document.write(c);
    var a=3;
   var b=++a;
   document.write(a);
   document.write(b);
你的理解没错  主要是注意变量前的++和变量后的++ 会有一些区别具体自己运行一下

查看全部

0 采集收起来源：编程练习
2018-06-17
北祈
数组排序sort()
sort()方法使数组中的元素按照一定的顺序排列。
语法:
```
arrayObject.sort(方法函数)
```
查看全部

0 采集收起来源：数组排序sort()
2018-06-17
悬壶行者

get/setTime();
获取/设置时间;
当然，这个对象必须是Date()的实例才可以的

查看全部

0 采集收起来源：返回/设置时间方法
2018-06-16
悬壶行者

关于选定区域赋值，有一点儿困惑，
e=document.getElementById("id").value;
d=数值，e=d;
最终的结果是无法显示的。这应该是一个初学者常常犯得错误。
总以为将选框的值定义给e,然后给e赋值，选框的值就是最新值了。
这涉及到一个值类型和引用类型的差别了。
最好的方法是，e=document.getElementById("fruit");
d = 一个数值；e.value=d;
是不是更妙呢？

查看全部

1 采集收起来源：编程练习
2018-06-16
袁一天4098908

<!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(){

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

}

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
function add(){
var a=document.getElementById("table");
var b=document.createElement("tr");
a.appendChild(b);
for(var i=0;i<3;i++){
var c=document.createElement("td");
b.appendChild(c);
if(i==0){
c.innerHTML=prompt("请输入学号！","&nbsp");
}
else {
if(i==1){
c.innerHTML=prompt("请输入姓名！","&nbsp");
}
else {

var y=document.createElement("a");
y.setAttribute("href","javascript:;");
y.setAttribute("onclick","de(this);");
y.setAttribute("style","text-decoration:none");
c.appendChild(y);
y.innerHTML=prompt("请输入操作！","&nbsp");
}
}

}

}

// 创建删除函数
function de(x){

var a=x.parentNode.parentNode.parentNode;
a.removeChild(x.parentNode.parentNode);
}

</script>

<style>
tr:hover{
background-color:#f2f2f2;
}



</style>

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

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

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

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

查看全部

1 采集收起来源：编程练习
2018-06-15
qq_Strugglebroc_0

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navigator</title>
<script type="text/javascript">
function validB(){
var u_agent = navigator.userAgent;
var B_name="不是想用的主流浏览器!";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("浏览器:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
</script>
</head>
<body>
<form>
<input type="button" value="查看浏览器" onclick="validB()" >
</form>
</body>
</html>

查看全部

0 采集收起来源：userAgent
2018-06-15
_Arya

注意:
1. IE全系列、firefox、chrome、opera、safari兼容问题
2. 节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点，所以IE是3，其它浏览器是7，如下图所示:

查看全部

0 采集收起来源：访问子节点childNodes
2018-06-15