慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

i小河马

来来回回(Do...while循环) do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。 do...while语句结构： do { 循环语句 } while(判断条件) 我们试着输出5个数字。 <script type="text/javascript"> num= 1; do { document.write("数值为:" + num+"<br />"); num++; //更新条件 } while (num<=5) </script>

查看全部

0 采集收起来源：来来回回(Do...while循环)
2018-03-22
i小河马

反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。 while语句结构： while(判断条件) { 循环语句 } 使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。 <script type="text/javascript"> var num=0; //初始化值 while (num<=6) //条件判断 { document.write("取出第"+num+"个球<br />"); num=num+1; //条件值更新 } </script>

查看全部

0 采集收起来源：反反复复(while循环)
2018-03-22
lxh7

网页卷去的距离与偏移量我们先来看看下面的图：（请看截图） scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。注意: 1. 区分大小写 2. offsetParent：布局中设置postion属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2017-08-29
tempter丶小岁月

数组的操作

查看全部

0 采集收起来源： Array 数组对象
2017-08-29
lxh7

网页尺寸offsetHeight offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。一、值 offsetHeight = clientHeight + 滚动条 + 边框。二、浏览器兼容性 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;

查看全部

0 采集收起来源：网页尺寸offsetHeight
2017-08-29
690017359

<html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var x,y,z,result; //获取第一个输入框的值 var x=document.getElementById("txt1").value; //获取第二个输入框的值 var y=document.getElementById("txt2").value; //获取选择框的值 var z=document.getElementById("select").value; //获取通过下拉框来选择的值来改变加减乘除的运算法则 switch(z){ case "+": result = parseInt(x)+parseInt(y); break; case "-": result = x-y; break; case "*": result = x*y; break; default : result = x/y; } //设置结果输入框的值 document.getElementById("fruit").value=result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()" />  <input type='text' id='fruit' /> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
lxh7

网页尺寸scrollHeight scrollHeight和scrollWidth，获取网页内容高度和宽度。一、针对IE、Opera: scrollHeight 是网页内容实际高度，可以小于 clientHeight。二、针对NS、FF: scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。

查看全部

0 采集收起来源：网页尺寸scrollHeight
2017-08-29
i小河马

重复重复（for循环） for语句结构： for(初始化变量;循环条件;循环迭代) { 循环语句 } 假如，一个盒子里有6个球，我们每次取一个，重复从盒中取出球，直到球取完为止。 <script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值；循环条件；循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script>

查看全部

0 采集收起来源：重复重复（for循环）
2018-03-22
tempter丶小岁月

Math的方法

查看全部

0 采集收起来源：Math对象
2017-08-29
tempter丶小岁月

时间获取

查看全部

0 采集收起来源： Date 日期对象
2017-08-29
IntensoLucas

返回星期方法 getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下: <script type="text/javascript"> var mydate=new Date();//定义日期对象 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值 var mynum=mydate.getDay();//返回值存储在变量mynum中 document.write(mydate.getDay());//输出getDay()获取值 document.write("今天是："+ weekday[mynum]);//输出星期几 </script> 注意：以上代码是在2014年3月7日，星期五运行。结果: 5 今天是：星期五

查看全部

0 采集收起来源：返回星期方法
2018-03-22
tempter丶小岁月

button的事件

查看全部

0 采集收起来源：什么是事件
2017-08-29
690017359

卸载事件（onunload）当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。 <script type="text/javascript"> window.onunload = onunload_message; function onunload_message(){ alert("您确定离开该网页吗？"); } </script> </head> <body> 欢迎学习JavaScript。 </body>

查看全部

0 采集收起来源：卸载事件（onunload）
2018-03-22
690017359

加载事件（onload）事件会在页面加载完成后，立即发生，同时执行被调用的程序。注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。 2. 此节的加载页面，可理解为打开一个新页面时。如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。 <script type="text/javascript"> function message(){ alert("加载中，请稍等…"); } </script> </head> <body onload="message()"> 欢迎学习JavaScript。 </body>

查看全部

0 采集收起来源：加载事件（onload）
2018-03-22
i小河马

myweek=parseInt(myweek);字符串转数字

查看全部

0 采集收起来源：多种选择（Switch语句)
2017-08-29

首页上一页 1289 1290 1291 1292 1293 1294 1295 下一页尾页

0/150

提交

取消

开始学习

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

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