亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JavaScript進階篇

難度入門
時長 8小時55分
學習人數
綜合評分9.47
2558人評價 查看評價
9.7 內容實用
9.4 簡潔易懂
9.3 邏輯清晰
  • <!DOCTYPE html>

    <html>

    ?<head>

    ? <title> 事件</title>

    ? <script type="text/javascript">

    ? ?function count(){

    ? ? var a = document.getElementById("txt1").value;

    ? ? //獲取第一個輸入框的值

    ? ? var b = document.getElementById("txt2").value;

    //獲取第二個輸入框的值

    var c = document.getElementById("select").value;

    //獲取選擇框的值

    ? ? var d;

    if (c =='+'){

    ? ? d = parseInt(a)+parseInt(b);

    }

    else if (c =='-'){ //處理減法

    ? ? ? ? d = parseInt(a)-parseInt(b);

    ? ? }

    ? ? else if (c =='*'){ //處理乘法

    ? ? ? ? d = parseInt(a)*parseInt(b);

    ? ? }

    ? ? else if (c =='/'){ //處理除法

    ? ? ? ? d = parseInt(a)/parseInt(b);

    ? ? }

    document.getElementById("fruit").value = d;

    ? ?}

    ? </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 采集 收起 來源:編程練習

    2023-12-20

  • <!DOCTYPE? HTML>

    <html >

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>函數</title>


    <script type="text/javascript">

    ? ? function than(a,b){

    ? ? ? ? if(a>b){

    ? ? ? ? ? ? return a;

    ? ? ? ? }

    ? ? ? ? else if(a==b){

    ? ? ? ? ? ? return a;

    ? ? ? ? }

    ? ? ? ? else{

    ? ? ? ? ? ? return b;

    ? ? ? ? }

    ? ? }

    //定義函數





    //函數體,判斷兩個整數比較的三種情況


    var1=than(5,4);

    var2=than(6,3);

    var3=than(3,3);

    //調用函數,實現下面兩組數中,返回較大值。

    ? document.write(" 5 和 4 的較大值是:"+var1+"<br>");

    ? document.write(" 6 和 3 的較大值是:"+var2+"<br/>" );?

    ? document.write(" 3 和 3 的較大值是:"+var3+"<br/>" );?





    </script>

    </head>

    <body>

    </body>

    </html>

    查看全部
    0 采集 收起 來源:編程練習

    2023-12-16

  • <!DOCTYPE? HTML>

    <html >

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>流程控制語句</title>

    <script type="text/javascript">

    var infos = [['小A','女',21,'大一'],? ['小B','男',23,'大三'],

    ? ? ['小C','男',24,'大四'],??

    ? ? ['小D','女',21,'大一'],

    ? ? ['小E','女',22,'大四'],??

    ? ? ['小F','男',21,'大一'],

    ? ? ['小G','女',22,'大二'],??

    ? ? ['小H','女',20,'大三'],

    ? ? ['小I','女',20,'大一'],??

    ? ? ['小J','男',20,'大三']];

    ?//第一步把之前的數據寫成一個數組的形式,定義變量為 infos

    ?var x;

    ?for(x=0;x<=9;x++){

    ? ? switch(infos[x][3]){

    ? ? ? ? case "大一":

    ? ? ? ? switch(infos[x][1]){

    ? ? ? ? ? ? case "女":

    ? ? ? ? ? ? document.write(infos[x][0]+"<br/>");

    ? ? ? ? }

    ? ? ? ? break;

    ? ? }

    ?}

    ?//第一次篩選,找出都是大一的信息

    ?

    ??

    ?//第二次篩選,找出都是女生的信息

    ?

    ?

    ??

    </script>

    </head>

    <body>

    </body>

    </html>

    查看全部
    0 采集 收起 來源:編程練習

    2023-12-16

  • <!DOCTYPE? HTML>

    <html >

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>流程控制語句</title>

    <script type="text/javascript">

    var infos = [['小A','女',21,'大一'],? ['小B','男',23,'大三'],

    ? ? ['小C','男',24,'大四'],??

    ? ? ['小D','女',21,'大一'],

    ? ? ['小E','女',22,'大四'],??

    ? ? ['小F','男',21,'大一'],

    ? ? ['小G','女',22,'大二'],??

    ? ? ['小H','女',20,'大三'],

    ? ? ['小I','女',20,'大一'],??

    ? ? ['小J','男',20,'大三']];

    ?//第一步把之前的數據寫成一個數組的形式,定義變量為 infos

    ?var x,y;

    for(x=0;x<=9;x++){

    ? ? if(infos[x][3]=="大一"){

    ? ? ? ? if(infos[x][1]=="女"){

    ? ? ? ? ? ? document.write(infos[x][0]+"<br/>");

    ? ? ? ? }

    ? ? ? ? else{}

    ? ? }

    ? ? else{}

    }

    ?

    ?//第一次篩選,找出都是大一的信息

    ?

    ??

    ?//第二次篩選,找出都是女生的信息

    ?

    ?

    ??

    </script>

    </head>

    <body>

    </body>

    </html>

    查看全部
    0 采集 收起 來源:編程練習

    2023-12-16

  • <!DOCTYPE? HTML>

    <html >

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>數組</title>

    <script type="text/javascript">

    ?//創建數組

    ? ?var? arr = ['*','##',"***","&&","****","##*"];

    ? ?arr[7] = "**";

    ?//顯示數組長度

    ?alert("數組的長度是:"+arr.length);

    ?

    ?//將數組內容輸出,完成達到的效果。

    ?document.write(arr[0]+"<br/>"+"<br/>");

    ?document.write(arr[7]+"<br/>"+"<br/>");

    ?document.write(arr[2]+"<br/>"+"<br/>");

    ?document.write(arr[4]+"<br/>");


    </script>

    </head>

    <body>

    </body>

    </html>

    查看全部
    0 采集 收起 來源:編程練習

    2023-12-15

  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>二維數組</title>

    <script type="text/javascript">

    var a= new Array();

    ? for(var x=0;x<3;x++){

    ? ? ? a[x]=new Array();

    ? ? ? for(var y=0;y<6;y++){

    ? ? ? ? ? a[x][y]=x*y;

    ? ? ? ? ? document.write(a[x][y]+" ");

    ? ? ? }

    ? ? ? document.write("<br>");

    ? }



    </script>

    </head>


    <body>

    </body>

    </html>

    查看全部
    0 采集 收起 來源:二維數組

    2023-12-15

  • window.history
    查看全部
    0 采集 收起 來源:History 對象

    2023-10-28

  • 數組長度=最大索引數+1
    數組元素個數不一定等于長度,有點可能是新加數組,也沒按順序,所以會有空數組
    查看全部
  • Math.round(x)

    四舍五入;會得到距離數軸上最近的那個整數值

    查看全部
    0 采集 收起 來源:四舍五入round()

    2023-08-31

  • Math.floor(x)

    向下取整,取x在數軸上左邊第一個整數

    查看全部
    0 采集 收起 來源:向下取整floor()

    2023-08-31

  • Math.ceil(x)

    向上取整,即取數軸上x右邊第一個整數

    查看全部
    0 采集 收起 來源:向上取整ceil()

    2023-08-31

  • Math 對象是一個固有的對象,無需創建它,直接把 Math 作為對象使用就可以調用其所有屬性和方法。這是它與Date,String對象的區別。

    查看全部
    0 采集 收起 來源:Math對象

    2023-08-31

  • stringObject.substr(startPos,length)

    start必寫,length可選

    start可以是負數,表示從后往前數,-1表示最后一個字符,-2表示倒數第二個字符;為負且絕對值比字符串長度大,start為0

    查看全部
  • stringObject.substring(startPos,stopPos)?

    star必寫;stop可選

    1. 返回的內容是從?start開始(包含start位置的字符)到?stop-1 處的所有字符,其長度為?stop?減start。

    2. 如果參數?start?與?stop?相等,那么該方法返回的就是一個空串(即長度為 0 的字符串)。

    3. 如果?start?比?stop?大,那么該方法在提取子串之前會先交換這兩個參數。

    查看全部
  • onunload 不寫在標簽里,使用時 window.onunload = 函數();

    查看全部

舉報

0/150
提交
取消
課程須知
你需要具備HTML、css基礎知識,建議同學們也可以想學習下js入門篇,快速認識js,熟悉js基本語法,更加快速入手進階篇!
老師告訴你能學到什么?
通過JavaScript學習,掌握基本語法,制作簡單交互式頁面

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!