慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

空空空空空空啊

int a=4;
int b=a++;
a++表示先把值赋给b，也就是先执行表达式，再执行a的自增；
所以此时b=4;
int a=5；
int b=++a;
++a表示先把值赋给a，也就是先执行自增再把值赋给表达式;
所以此时b=6;
--a和a--同理

查看全部

0 采集收起来源：编程练习
2018-12-01
空空空空空空啊

注意：消息对话框必须要在函数体内运行。
格式如下:
function AB( ){
var x=消息对话框（str）;//str:对话框内容
}

查看全部

0 采集收起来源：让你认识JS
2018-12-01
FreudLi

注意：一定要在每一个case所执行的语句后面，添加一个break语句，否则就直接继续执行下面的case中的语句。
// 可选：default语句。
switch()
{
case 1:
//执行代码;
break; //停止语句，阻断执行下一个case
case 2:
//执行代码;
break; //停止语句，阻断执行下一个case
default:
// 与case 值1/case 值2/...case 值 n 不同时，执行代码
}

查看全部

0 采集收起来源：多种选择（Switch语句)
2018-11-30
慕前端3443444

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。
scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。
offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2018-11-30
慕前端3443444

引自w3c:
element.clientWidth:在页面上返回内容的可视宽度（不包括边框，边距或滚动条）

element.clientHeight:在页面上返回内容的可视高度（不包括边框，边距或滚动条）

element.scrollWidth:返回元素的整个宽度（包括带滚动条的隐蔽的地方）

element.scrollHeight:返回整个元素的高度（包括带滚动条的隐蔽的地方）

element.offsetWidth:返回元素的宽度，包括边框和填充，但不是边距

element.offsetHeight:返回，任何一个元素的高度包括边框和填充，但不是边距

查看全部

0 采集收起来源：网页尺寸offsetHeight
2018-11-30
FreudLi

注意：多重判断时，最后一定要以 else{...}结尾
if(条件1) {
条件1成立时执行这里
} else if (条件2) {
条件2成立时执行这里
} else if (条件n) {
条件n成立时执行这里
} else {
条件1/2/n不成立时执行这里
}

查看全部

0 采集收起来源：多重判断（if..else嵌套语句）
2018-11-30
慕前端3443444
一、对于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 采集收起来源：浏览器窗口可视区域大小
2018-11-30
FreudLi

if(条件){
条件成立时执行这里
} else{
条件不成立时执行这里
}

查看全部

0 采集收起来源：二选一（if...else语句）
2018-11-30
FreudLi

if(条件)
{
条件成立时执行
}

查看全部

0 采集收起来源：做判断（if语句）
2018-11-30
FreudLi

说明: myarray[0][1] ,0 表示表的行，1表示表的列。

查看全部

0 采集收起来源：二维数组
2018-11-29
Vanoss
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
     var tb,num;
window.onload = function(){
        tb=document.getElementsByTagName("table")[0];
   num=tb.childNodes.length;
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
        var tr=document.getElementsByTagName("tr");
        for(i=0;i<tr.length;i++){
            bg_col(tr[i]);
        }
    }

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

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
function cre_tr(){
        num++;
var ntr=document.createElement("tr");
var ntd_1=document.createElement("td");
var ntd_2=document.createElement("td");
var ntd_3=document.createElement("td");
var ntd_3a=document.createElement("a");

        switch(num.toString().length){
            case 1:
                ntd_1.innerHTML="xh00"+num;
                break;
            case 2:
                ntd_1.innerHTML="xh0"+num;
                break;
            case 3:
                ntd_1.innerHTML="xh"+num;
                break;
            default:
                ntd_1.innerHTML="xh"+num;
        }
ntd_2.innerHTML="第"+num+"位同学";
        ntd_3.innerHTML="<a href='javascript:;' onclick='del_tr(this)'>删除</a>"

tb.appendChild(ntr);
ntr.appendChild(ntd_1);
ntr.appendChild(ntd_2);
ntr.appendChild(ntd_3);

        var tr =tb.lastChild;
        bg_col(tr);
}


// 创建删除函数
function del_tr(obj){
var tr=obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}

</script>
</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="del_tr(this)" >删除</a></td> 
     </tr>

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

     </table>
     <input type="button" value="添加一行" onclick="cre_tr();"/> 
</body>
</html>
查看全部

0 采集收起来源：编程练习
2018-11-29
慕移动1523428

history对象记录了用户曾经浏览过的页面(URL)，并可以实现和浏览器前进与后退相似导航的功能。
注意：从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。
语法：
window.history.[属性|方法];
注意：window可以省略。
history 对象属性：
window.history.length：返回当前窗口历史列表的URL数量，不是浏览器所有历史列表的URL数量。
history 对象方法：
使用length属性，获取当前窗口的浏览历史总长度，代码如下：
<script type="text/javascript">
var HL = window.history.length;
document.write(HL);
</script>

查看全部

0 采集收起来源：History 对象
2018-11-29
慕移动1523428
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
要先定义一个停止函数
```
 function stopCount(){
    clearTimeout(i);
  }
  i 开始函数的定义 然后再在下面使用动作按钮就可以停止计时器
```
查看全部

0 采集收起来源：取消计时器clearTimeout()
2018-11-29
慕侠1137196

string.length-1 需要注意string是“mystr” 例：
<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1) );
</script>
输出最后一个字符。

查看全部

0 采集收起来源：返回指定位置的字符
2018-11-29
慕莱坞2198904
```
function  函数名( ){
     函数体;
}
```
查看全部

0 采集收起来源：定义函数
2018-11-29

首页上一页 525 526 527 528 529 530 531 下一页尾页

0/150

提交

取消

开始学习

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

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