慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

月读o_O

JavaScript能做什么？
1. 增强页面动态效果（如：下拉菜单、图片轮播、信息滚动等）。
2. 实现页面与用户之间的实时、动态交互（如：用户注册、登陆验证等）。
JS进阶篇学习什么？
在JavaScript入门篇中，我们学习了如何插入JS、输出内容及简单的DOM操作，JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。
注意：
1. JS是区分大小写的，如：classname和ClassName是不一样的。同时注意变量、属性、方法等的大小写。
2. JS中的字符、符号等一定要在英文状态下输入。

查看全部

0 采集收起来源：让你认识JS
2018-08-17
抹茶抹茶冰冰乐

location的属性与方法是相互独立的两个分支，
就好比，在你location.href的同时不可能直接assign()，
要么就是location.href; location.assign();
这是两个操作，无法混为一谈。

查看全部

0 采集收起来源：Location对象
2018-08-14
qq_古娜拉黑暗之神_1

操作符之间的优先级：算术操作符>比较操作符>逻辑操作符>赋值符号

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-08-14
Heron_Wang

DOM节点层次图

查看全部

0 采集收起来源：认识DOM
2018-08-13
慕九州8576440
函数调用：
1. 直接在<script>标签内调用
<script>
function add2(){}
add2();
</script>
2.在HTML文件中用按钮调用
<input type ="button" value="click it" onclick="add2()">
查看全部

0 采集收起来源：函数调用
2018-08-13
six_five
String 字符串对象
在之前的学习中已经使用字符串对象了，定义字符串的方法就是直接赋值。比如：
```
var mystr = "I love JavaScript!"
```
定义mystr字符串后，我们就可以访问它的属性和方法。
访问字符串对象的属性length:
stringObject.length; 返回该字符串的长度。
```
var mystr="Hello World!"; var myl=mystr.length;
```
以上代码执行后，myl 的值将是：12
访问字符串对象的方法：
使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写：
```
var mystr="Hello world!"; var mynum=mystr.toUpperCase();
```
```
以上代码执行后，mynum 的值是：HELLO WORLD!
```
任务
1.补充右边编辑器第8行，使用toLowerCase()方法，将字符串所有大写字母都变成小写的字符串。
2.字符串还有很多常用方法，快快进入下节学习字符串其它方法。
查看全部

0 采集收起来源： String 字符串对象
2018-08-13

six_five

返回/设置时间方法

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>

结果:

当前时间：Thu Mar 6 11:46:27 UTC+0800 2014

推迟一小时时间：Thu Mar 6 12:46:27 UTC+0800 2014

注意:1. 一小时 60 分，一分 60 秒，一秒 1000 毫秒

2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>日期对象 </title><script type="text/javascript"> var mydate=new Date();  document.write("当前时间："+mydate+"<br>");  mydate.setTime( mydate.getTime() + 2* 60 * 60 * 1000);  document.write("推迟二小时时间：" + mydate);</script></head><body></body></html>

查看全部

0 采集收起来源：返回/设置时间方法

2018-08-13

six_five

返回星期方法

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日，星期五运行。

结果:

今天是：星期五

查看全部

0 采集收起来源：返回星期方法

2018-08-13

Heron_Wang
screen对象
```
window.screen.属性
```
查看全部

0 采集收起来源：screen对象
2018-08-13
Heron_Wang

Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

查看全部

0 采集收起来源：Navigator对象
2018-08-13
慕婉清2573044

1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。
2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。
3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-08-13
慕沐6232055

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="gb2312">
<title>无标题文档</title>
</head>

<body>
<form>
请选择你爱好:<br>
<input type="checkbox" name="hobby" id="hobby1"> 音乐
<input type="checkbox" name="hobby" id="hobby2"> 登山
<input type="checkbox" name="hobby" id="hobby3"> 游泳
<input type="checkbox" name="hobby" id="hobby4"> 阅读
<input type="checkbox" name="hobby" id="hobby5"> 打球
<input type="checkbox" name="hobby" id="hobby6"> 跑步 <br>
<input type="button" value = "全选" onclick = "checkall();">
<input type="button" value = "全不选" onclick = "clearall();">
<p>请输入您要选择爱好的序号，序号为1-6:</p>
<input id="wb" name="wb" type="text" >
<input name="ok" type="button" value="确定" onclick = "checkone();">
</form>
<script type="text/javascript">
function checkall(){
var hobby = document.getElementsByTagName("input");
for (var i = 0; i < hobby.length; i++) {
if (hobby[i].type=="checkbox") {
hobby[i].checked = true;
}
}
// 任务1
}
function clearall(){
var hobby = document.getElementsByName("hobby");
for (var i = 0; i < hobby.length; i++) {
if (hobby[i].checked) {
hobby[i].checked = false;
}
}
// 任务2

}
function checkone(){
var j=document.getElementById("wb").value;
var hobby = document.getElementsByName("hobby");
if (j>=1&&j<=6) {  //要求在input内输入的必须是1－6之间的数字
for (var i = 0; i < hobby.length; i++) {
if(i==(j-1)){
hobby[i].checked = true;
}else{
hobby[i].checked = false;
}
}
}else{
alert("序号为1-6!");
}
// 任务3
}

</script>
</body>
</html>

查看全部

1 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-08-13
Heron_Wang

window对象

查看全部

0 采集收起来源：window对象
2018-08-13
陪你看夜艳繁华

location对象

查看全部

0 采集收起来源：Location对象
2018-08-13
qq_风格十分_0
charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
语法:
```
stringObject.charAt(index)
```
查看全部

0 采集收起来源：返回指定位置的字符
2018-08-13