慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕斯卡2268586
浏览器窗口可视区域大小
获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:
一、对于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 采集收起来源：浏览器窗口可视区域大小
2019-06-17
慕斯卡2268586
插入节点appendChild()
在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:
```
appendChild(newnode)
```
参数:
newnode：指定追加的节点。
我们来看看，div标签内创建一个新的 P 标签，代码如下:
运行结果:
```
HTML JavaScript This is a new p
```
查看全部

0 采集收起来源：插入节点appendChild()
2019-06-17
慕斯卡2268586
访问兄弟节点
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.nextSibling
```
说明：如果无此节点，则该属性返回 null。
2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.previousSibling
```
说明：如果无此节点，则该属性返回 null。
注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。
解决问题方法:
判断节点nodeType是否为1, 如是为元素节点，跳过。
查看全部

0 采集收起来源：访问兄弟节点
2019-06-17
Done_LB

注意getElementById();和getElementsByName();不仅差在Id和Name，还差一个s。

查看全部

0 采集收起来源：getElementsByName()方法
2019-06-16
Done_LB

之所以当页面跳转之后，setInterval就不再执行，是因为页面一旦跳转，就会重置代码。

查看全部

0 采集收起来源：编程练习
2019-06-16
Done_LB

再点击返回时，调用的函数要写：javascript:temp();

查看全部

0 采集收起来源：编程练习
2019-06-16
Gixgine
数组连接concat()
var myarr1= new Array("010")
var myarr2= new Array("-","84697581");
var myarr3=myarr1.concat(myarr2);
指定分隔符连接数组元素join()
var myarr1= new Array("86","010")
var myarr2= new Array("84697581");
var myarr3= myarr1.concat(myarr2);
document.write(myarr3.join("-"));
输出：86-010-84697581
颠倒数组元素顺序reverse()
reverse() 方法用于颠倒数组中元素的顺序。
语法：
```
arrayObject.reverse()
```
选定元素slice()
slice() 方法可从已有的数组中返回选定的元素。
语法
```
arrayObject.slice(start,end)
```
数组排序sort()
sort()方法使数组中的元素按照一定的顺序排列。
语法:
```
arrayObject.sort(方法函数)
```
function sortNum(a,b) {
return a-b;

}
从小到大
查看全部

1 采集收起来源：数组连接concat()
2019-06-16
Gixgine
向下取整floor()
document.write(Math.floor(-9.9));
-10
向上取整ceil()
document.write(Math.ceil(-0.1)+"<br/>");
0
四舍五入round()
随机数 random()
我们取得介于 0 到 1 之间的一个随机数，代码如下：
```
<script type="text/javascript">
  document.write(Math.random());
</script>
```
运行结果：
```
0.190305486195328
```
查看全部

0 采集收起来源：向下取整floor()
2019-06-16
Gixgine
JavaScript 计时器
计时器setInterval()
var attime;

function clock(){
var time=new Date();
attime=time.substring(16,24) ;
document.getElementById("clock").value = attime;
}
setInterval(clock,100);
取消计时器clearInterval()
<input type="button" value="Stop" onclick="clearInterval(int)" />
计时器setTimeout()无限计数
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
setTimeout("startCount()",1000);
}
setTimeout("startCount()",1000);
取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用，停止计时器。
语法:
```
clearTimeout(id_of_setTimeout)
```
查看全部

0 采集收起来源：JavaScript 计时器
2019-06-16
qq_慕村1193459

charAr（）是根据字符串的下标来返回一个字符。

查看全部

0 采集收起来源：返回指定位置的字符
2019-06-16
慕侠8272106

算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2019-06-15
樊炫希

JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:

查看全部

0 采集收起来源：什么是事件
2019-06-15
weixin_慕雪8245307

parseInt()只要开头为数字的字符串才能提取出整型，否则返回NaN

查看全部

0 采集收起来源：编程练习
2019-06-15
Gixgine

鼠标经过事件（onmouseover）
鼠标移到上面就触发
<input name="确定" type="button" value="确定"onmouseover="message()"/>
鼠标移开事件（onmouseout）
鼠标移开触发
光标聚焦事件（onfocus）
当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。
如下代码, 当将光标移到文本框内时，即焦点在文本框内，触发onfocus 事件，并调用函数message()。
光标聚焦事件（onfocus）
当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。
如下代码, 当将光标移到文本框内时，即焦点在文本框内，触发onfocus 事件，并调用函数message()。
内容选中事件（onselect）
选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。
如下代码,当选中用户文本框内的文字时，触发onselect 事件，并调用函数message()。
<textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介，不少于200字！</textarea>
文本框内容改变事件（onchange）
通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。
如下代码,当用户将文本框内的文字改变后，弹出对话框“您改变了文本内容！”。
加载事件（onload）
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。
<body onload="message()">
欢迎学习JavaScript。
</body>
卸载事件（onunload）
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。
如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？”。

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2019-06-15

Gixgine

var Udate=new Date();

返回星期方法

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>

get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

如果将目前日期对象的时间推迟1小时，代码如下:

<script type="text/javascript">
  var mydate=new Date();
  document.write("当前时间："+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推迟一小时时间：" + mydate);</script>

查看全部

0 采集收起来源： Date 日期对象

2019-06-15

首页上一页 357 358 359 360 361 362 363 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

浏览器窗口可视区域大小

插入节点appendChild()

访问兄弟节点

数组连接concat()

指定分隔符连接数组元素join()

颠倒数组元素顺序reverse()

选定元素slice()

数组排序sort()

向下取整floor()

向上取整ceil()

四舍五入round()

随机数 random()

JavaScript 计时器

计时器setInterval()

取消计时器clearInterval()

计时器setTimeout()无限计数

取消计时器clearTimeout()

鼠标经过事件（onmouseover）

鼠标移开事件（onmouseout）

光标聚焦事件（onfocus）

光标聚焦事件（onfocus）

内容选中事件（onselect）

文本框内容改变事件（onchange）

加载事件（onload）

卸载事件（onunload）

返回星期方法