慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_千界_0

js 中只有,length 没有length() 也没有size（）

查看全部

0 采集收起来源：什么是对象
2018-07-13
心清如水望而不穿

var arr = new Array();
for(var i=0;i<3;i++){
arr[i] = new Array();
for(var a=0;a<6;a++){
arr[i][a] = i*a;
}
}
for(var i=0;i<arr.length;i++){
for(var a=0;a<arr[i].length;a++){
document.write(arr[i][a]+"<br>");
}
}

查看全部

0 采集收起来源：二维数组
2018-07-13
林熙翔

<script type="text/javascript">
//创建数组
var arr= ['*','##',"***","&&","****","##*"];
arr[7] = "**";
//显示数组长度
alert(arr.length);

//将数组内容输出，完成达到的效果。
document.write(arr[0]+"<br>");
document.write(arr[7]+"<br>");
document.write(arr[2]+"<br>");
document.write(arr[4]+"<br>");
</script>

查看全部

0 采集收起来源：编程练习
2018-07-12
GarryOwen
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
    var time=new Date();
    var hour = formatTime(time.getHours());
    var minute = formatTime(time.getMinutes());
    var second = formatTime(time.getSeconds());
    function formatTime(t) {
        var temp = String(t);
        if(temp.length < 2) {
            temp = "0" + temp;
        }
        return temp;
    }
    attime= `${hour}:${minute}:${second}`;
    document.getElementById("clock").value = attime;
}
setInterval("clock()", 1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>
查看全部

0 采集收起来源：计时器setInterval()
2018-07-12
GarryOwen

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
    var mydate = new Date();
    var year = mydate.getFullYear();
    var month = mydate.getMonth();
    var date = mydate.getDate();
    var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    var day = weekday[mydate.getDay()];

//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
    var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
    var scoreArr = scoreStr.split(";");
    var classScore = 0;
    for(var subStr of scoreArr) {
       var subArr = subStr.split(":");
       classScore += parseInt(subArr[1]);
    }

//从数组中将成绩撮出来，然后求和取整，并输出。
document.write(`${year}年${month+1}月${date}日 ${day}   班级总分为：${classScore}`);

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

查看全部

0 采集收起来源：编程练习
2018-07-12
GarryOwen
```
犯了好多低级错误。。。
```
<!DOCTYPE html>
<html>
<head>
    <title> 事件</title>
    <script type="text/javascript">
    function count() {
        //获取第一个输入框的值
        var a = parseInt(document.getElementById("txt1").value);
        //获取第二个输入框的值
        var b = parseInt(document.getElementById("txt2").value);
        //获取选择框的值
        var caculateValue = document.getElementById("select").value;
        //获取通过下拉框来选择的值来改变加减乘除的运算法则
        var result = 0;
        switch (caculateValue) {
            case "+":
                result = a + b;
                break;
            case "-":
                result = a - b;
                break;
            case "*":
                result = a * b;
                break;
            case "/":
                result = a / b;
                break;
        }
        //设置结果输入框的值
        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-07-12
慕粉2122199958
指定分隔符连接数组元素join()
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
语法：
```
arrayObject.join(分隔符)
```
参数说明:
注意：返回一个字符串，该字符串把数组中的各个元素串起来，用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。
查看全部

0 采集收起来源：指定分隔符连接数组元素join()
2018-07-12
慕粉2122199958
数组连接concat()
concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。
语法
```
arrayObject.concat(array1,array2,...,arrayN)
```
参数说明：
注意: 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
查看全部

0 采集收起来源：数组连接concat()
2018-07-12
qq_五角_qxGKQ7

让你认识JS
你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效果。准备好，让JavaScript带你进入新境界吧!
JavaScript能做什么？
1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)
2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
JS进阶篇学习什么？
在JavaScript入门篇中，我们学习了如何插入JS、输出内容及简单的DOM操作，JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。

查看全部

0 采集收起来源：让你认识JS
2018-07-12
qq_故梦轻响

格式要求：
1、显示打印的日期。格式为类似“XXXX年XX月XX日星期X” 的当前的时间。
2、计算出该班级的平均分（保留整数）。

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">
    var now=new Date();//当前时间
//通过javascript的日期对象来得到当前的日期，并输出。
    var myYear=now.setFullYear();//当前年份
    var month = mydate.getMonth()+1;
    alter("当前年份："+myYear);
    var var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    var mynum=mydate.getDay();//获取当前日期
    var week= weekday[mynum];//星期几
    document.write(myYear+"年"+month+"月"+mynum+"日 "+week+"<br/>");
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
    var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
    var fenge = scoreStr.split(";");
    document.write(fenge);//输出fenge
//从数组中将成绩撮出来，然后求和取整，并输出。
    var num = new Array();
    var sum=0;
    for(int i=0;i<fenge.length;i++){
        num[i]=fenge[i].substring(3);//提取字符串中介于两个指定下标之间的字符,3到末尾
        sum += parseInt(num[i]);//字符串类型转成整型
    }
    document.write("班级总分为："+sum+"<br>");

var average = Math.round(sum/scoreArr.length);//round()四舍五入到最近整数

document.write("班级平均分为："+average);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-07-12
慕粉1469671461

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
var main = document.body;
//创建链接
function createa(url,text)
{
var a = document.createElement("a");
a.href = url;
a.innerHTML=text;
a.style.color="red";
body.appendChild(a);
}
// 调用函数创建链接
createa("http://www.imooc.com/","慕课网");

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

查看全部

0 采集收起来源：创建元素节点createElement
2018-07-12
慕粉1469671461

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

<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>
<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

<script type="text/javascript">
function replaceMessage(){
var newNode=document.createElement("i");
var oldNode=document.getElementById("oldnode");
var oldHTML=oldNode.innerHTML;
oldNode.parentNode.replaceChild(newNode,oldNode);
newNode.innerHTML=oldHTML;
}
</script>

</body>
</html>

查看全部

1 采集收起来源：替换元素节点replaceChild()
2018-07-12
叠风丶

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var nowdate = new Date();
var weekday = ["星期一","星期二","星期三","星期四","星期五","星期六","星期日"]
document.write(nowdate.getFullYear()+"年"+nowdate.getMonth()+"月"+nowdate.getDate()+"日"+weekday[nowdate.getDay()]+"<br>")
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

var myarr=scoreStr.split(";");

//从数组中将成绩撮出来，然后求和取整，并输出。
var sum=0;

for(var i in myarr){

sum+=parseInt(myarr[i].substr(myarr[i].indexOf(":")+1));

}

document.write(sum+"<br>");

document.write(Math.round(sum/myarr.length));

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

查看全部

0 采集收起来源：编程练习
2018-07-12
慕粉1469671461

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var date=new Date();
var weekday=["日","一","二","三","四","五","六"]
document.write(date.getYear()+"年"+date.getMonth()+"月"+date.getDay()+"日 "+"星期"+weekday[date.getDay()]+"<br/>")
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
//从数组中将成绩撮出来，然后求和取整，并输出。
var sum=0;
var j=0;
for(i=0;i<scoreStr.length;i=i+6){
sum=sum+parseInt(scoreStr.substring(i+3,i+5));
j=j+1;
}
document.write("该班级的平均分为："+sum/j);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-07-11
叠风丶

//通过javascript的日期对象来得到当前的日期，并输出。
var nowdate = new Date();
var weekday = ["星期一","星期二","星期三","星期四","星期五","星期六","星期日",]
document.write(nowdate.getFullYear()+".");
document.write(nowdate.getMonth()+".");
document.write(nowdate.getDate()+".");
document.write(weekday[nowdate.getDay()]);

简便编写

var nowdate = new Date();
var weekday = ["星期一","星期二","星期三","星期四","星期五","星期六","星期日"]
document.write(nowdate.getFullYear()+"年"+nowdate.getMonth()+"月"+nowdate.getDate()+"日"+weekday[nowdate.getDay()])

查看全部

0 采集收起来源：编程练习
2018-07-12