JavaScript进阶篇_学习笔记

首页免费课 JavaScript进阶篇笔记

JavaScript进阶篇

                
                慕课官方号
            页面重构设计

                    查看讲师更多课程 
                    慕课官方号讲师的其他课程
                
帝堵抢车位动画制作
初级·36954
免费课程
                                
JavaScript入门篇 
入门·739817
免费课程
                                
                难度入门
            
                时长 8小时55分
            
                学习人数
            
综合评分9.47
                            2557人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

最热最新

学完吃大虾

break: 退出当前循环
continue：跳过本次循环，整个循环体继续执行

查看全部

0 采集收起来源：继续循环continue
2021-06-24
学完吃大虾

break: 退出当前循环

查看全部

0 采集收起来源：退出循环break
2021-06-24
学完吃大虾

js数组的length是可变的，可直接赋值

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2021-06-24
学完吃大虾

向数组中添加新元素：只需使用下一个未用的索引，任何时刻可以不断向数组增加新元素。

查看全部

0 采集收起来源：团里添加新成员（向数组增加一个新元素）
2021-06-24
学完吃大虾

var myarr = new Array(12,14,345,53);
var myarr = [12,14,345,53]; // 直接输入一个数组，“字面量数组”
数组存储的数据可以是任何类型，数字、字符、布尔值等

查看全部

0 采集收起来源：谁是团里成员（数组赋值）
2021-06-24
学完吃大虾

创建数组：
var myArr = new Array();
或指定长度，
var myArr = new Array(9);
虽然指定长度，但仍旧是变长的

查看全部

0 采集收起来源：组团，并给团取个名（如何创建数组）
2021-06-24
学完吃大虾

操作符之间的优先级（高到低）:
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2021-06-24
fishatom

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>

<h2>操作成功</h2>
<p><span id="num">5</span>秒后回到主页<a href="toback()">返回</a></p>

<script type="text/javascript">
   var num=document.getElementById('num').innerHTML;
   //获取显示秒数的元素，通过定时器来更改秒数。
   setInterval(function downnum(){
        --num;
        if(num>=0){
            //document.write(num);
            document.getElementById('num').innerHTML=num;
        }
        else{
           window.location.assign("https://www.imooc.com");
        }},1000);
        //setInterval("downnum()",1000)}
   //setTimeout("downnum()",1000);
   //通过window的location和history对象来控制网页的跳转
   function toback(){
       document.write(window.history.length);
       window.history.back()
   }
</script>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2021-06-20
fishatom

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>

<script type="text/javascript">
var num=0;
var i;
function startCount(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
}
function stopCount(){
    clearTimeout(i);
}
</script>
</head>
<body>
<form>
    <input type="text" id="count" />
    <input type="button" value="Start" onClick="startCount()" />
    <input type="button" value="Stop" onClick="stopCount()" />
</form>
</body>
</html>

查看全部

0 采集收起来源：取消计时器clearTimeout()
2021-06-20
fishatom

<!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();
    attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
    document.getElementById("clock").value = attime;
}
    var showtime=setInterval(clock,1000)
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>

查看全部

0 采集收起来源：计时器setInterval()
2021-06-20
fishatom

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>window对象</title>
<script type="text/javascript">
function showwindow(){
    var window1;
    window1=prompt('欢迎来到慕课网',"https://www.imooc.com/")
    //alert('欢迎来到慕课网')
    if(window1!=null){
      window.open(window1,'_blank','width=600,height=400')}
    else{alert("bye")}
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我，打开新窗口" onClick='showwindow()'/>
</form>
</body>
</html>

查看全部

0 采集收起来源：window对象
2021-06-20
fishatom

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

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var weekdays=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var mydate=new Date();
//document.write(mydate);
var myweekday=weekdays[mydate.getDay()]
document.write(mydate.getFullYear()+"年"+(mydate.getMonth()+1)+"月"+mydate.getDate()+"日"+myweekday+mydate.getHours()+":"+mydate.getMinutes()+"<br />");

//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scoreArr= scoreStr.split(';');
//document.write(scoreArr);
//scoreArr0=scoreArr[0].slice(3,5)
//document.write(scoreArr0);
var num=scoreArr.length;
//document.write(num);
var sum=0
for(var i=0;i<num;++i){
sum=sum+parseInt(scoreArr[i].slice(3,5));
//document.write(scoreArr[i].slice(3,5)+"<br />")
}
//document.write(sum+"<br />")
document.write("总分数是："+sum+","+"平均分数是："+Math.floor(sum/num));

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

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

查看全部

0 采集收起来源：编程练习
2021-06-20
苑桂凤

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>JavaScript</title>
</head>
<body>

<form name="Input">
<table align="center" width="500px" height="50%" border="1">
<tr>
<td align="center" width="100px">
学号:
</td>
<td align="center" width="300px">
<input type="text" id=userid name="user" onblur="validate();">
<div id=usermsg></div>
</td>
</tr>
<tr>
<td align="center" width="100px">
姓名:
</td>
<td align="center">
<input type="text" name="name">
</td>
</tr>
<tr>
<td align="center" width="%45">
性别:
</td>
<td align="center">
<input type="radio" name="sex" value="男">
男
<input type="radio" name="sex" value="女">
女
</td>
</tr>
<tr>
<td align="center" width="30%">
年龄:
</td>
<td align="center" width="300px">
<input type="text" name="age">
</td>
</tr>
<tr>
<td align="center" width="100px">
地址:
</td>
<td align="center" width="300px">
<input type="text" name="addr">
</td>
</tr>

</table>
</form>
<h1 id="myHead" onclick="getValue()">
看看三种获取节点的方法?
</h1>
<p>
点击标题弹出它的值。
</p>
<input type="button" onclick="getElements()"
value="看看name为sex的节点有几个?" />
<Br>
<input type="button" onclick="getTagElements()"
value="看看标签名为input的节点有几个?" />

<script type="text/javascript">
function getValue()
{
var myH = document.getElementsByTagName("myHead") ;
alert(myH.innerHTML)
}
function getElements()
{
var myS = document.getElementsByTagName("sex") ;
alert(myS.length);
}

function getTagElements()
{
var myI = document.getElementsByTagName("input") ;
alert(myI.length);
}

</script>

</body>
</html>
三种获取节点的方法

查看全部

0 采集收起来源：getElementsByTagName()方法
2021-06-16
fishatom

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
   function count(){
    var t1=document.getElementById("txt1").value;
    //获取第一个输入框的值
    var t2=document.getElementById("txt2").value;
   //获取第二个输入框的值
   //获取选择框的值
   var slt=document.getElementById("select").value;
   //获取通过下拉框来选择的值来改变加减乘除的运算法则
   var result="";
   switch(slt){
        case "+":
              result=parseInt(t1)+parseInt(t2);
              break;
        case "-":
              result=parseInt(t1)-parseInt(t2);
              break;
        case "*":
             result=parseInt(t1)*parseInt(t2);
             break;
        case "/":
              result=parseInt(t1)/parseInt(t2);
              break;
        default:
             result=parseInt(t1)/parseInt(t2);}
    //设置结果输入框的值
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 采集收起来源：编程练习
2021-06-14
fishatom

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>

<script type="text/javascript">

//定义函数
function eql1(x,y){
    if(x>y){
        return x;
    }
    else if(x=y){
        return x,y
    }
    else{
        return y
    }}
//函数体，判断两个整数比较的三种情况

//调用函数，实现下面两组数中，返回较大值。
document.write(" 5 和 4 的较大值是:"+eql1(5,4)+"<br>");
document.write(" 6 和 3 的较大值是:" +eql1(6,3));

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

查看全部

0 采集收起来源：编程练习
2021-06-14

首页上一页 48 49 50 51 52 53 54 下一页尾页

0/150

提交

取消

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

JavaScript进阶篇