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

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

JavaScript入門篇

難度入門
時長 1小時35分
學習人數
綜合評分9.57
5510人評價 查看評價
9.8 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
  • javascript-警告(alret消息對話框)

    訪問網站彈出的小彈窗,就是通過alert實現的。

    語法:

    alert(字符串或變量);

    代碼示例:

    <script type="text/javascript">

    ? ? ?var mynum =30;

    ? ? ?alert("歡迎還來到我的世界")

    ? ? ?alert(mynum);

    </scropt>

    查看全部
  • javascript 輸出內容(document.write)


    document.write可以用于直接向HTML輸出寫的內容,簡單的說就是直接在網頁中輸出內容。

    代碼實列:

    <scrpit type="text/javascript">

    ? ?document.write("I love javascript!");//括號里的內容是輸出內容

    </script>

    第二種通過變量,輸出內容

    <script type="text/javascript">

    ? var mystr="hello world";

    ? document.write(mystr);? //直接寫變量名,輸出變量儲存的內容。

    </script>


    第三種:輸出多項內容,內容之間用加號連接。

    <script type="text/javascript">

    var mychat="hello"

    document.write(mychat+"i love? Javascript");//多項輸出使用+號連接

    </script>


    第四種輸出HTML標簽,并起作用,標簽使用""括起來。

    <script type"text/javascript">

    ? var mycaht="hello"

    ? document.write(mycaht+"<br>")//輸出變量里面的內容后換行輸出

    ? document,write("Javascript")

    </script>


    JS空格輸出

    <script type="text/javascript">

    ? ?document.write("&nbsp")

    </script>

    查看全部
  • 什么是函數?

    ? ?特定功能的一組語句,如果沒有函數,完成任務可能需要5行,10行甚至跟多代碼,這時我們就可以把特定的功能的代碼塊放到一個函數里,直接調用這個函數

    代碼實列:

    function 函數名()

    ? {

    ? ?函數代碼

    }


    function定義函數關鍵字,

    “函數名”函數名

    “函數代碼”替換完成特定功能的代碼。

    實列:

    function add(){

    var sum = 3+2;

    aler(sum);

    }

    查看全部
  • javascript判斷語句:

    ? if....else語句是在指定的條件下成立執行代碼,在條件不成立時執行else后的代碼。

    語法:

    ?if (條件):

    ? ?{條件成立執行的代碼}

    else:

    ? [條件不成立時執行的代碼]

    假如我們通過條件判斷是否為成年人,如年齡大于18歲,是成年人,否則不是成年人,代碼如下:

    <script type="text/javascript">

    ? ?var mychar = 18;

    ? ? ?if (mycagr>=18)//myage>=18是條件判斷

    ? ? ? ? {document.write("你是成年人");}

    ? ? ? else? ?//否則年齡小于18

    ? ? ? ? ?{document.write("未滿18歲,你不是成年人。");}

    </script>

    查看全部
  • 消息對話框:confirm(str)

    查看全部
  • 消息確認對話框:confirm(str)

    查看全部
  • 消息對話框:1、prompt(str1, str2);

    查看全部
  • 總結:alert是彈出一個框,直接顯示alert中的內容。
    confirm是彈出一個框,根據確認取消來選擇輸出后續語句的內容。
    prompt是彈出一個框,讓你輸入內容來判斷后續該進行的語句。

    查看全部
  • ????function?openWindow()?{
    ????????//?新窗口打開時彈出確認框,是否打開
    ????????var?mymessage?=?confirm("是否打開?");
    ????????if?(mymessage?==?true)?{
    ????????????//?通過輸入對話框,確定打開的網址,默認為?http://www.xianlaiwan.cn/
    ????????????var?address?=?prompt("確定打開的網址","http://www.xianlaiwan.cn/")
    ????????????//?打開的窗口要求,寬400像素,高500像素,無菜單欄、無工具欄。
    ????????????if?(address?!=?null)?{
    ????????????????window.open(address,?'_blank','width=400,height=500,?menubar=no,toolbar=no');
    ????????????}
    ????????}
    ????}
    查看全部
    0 采集 收起 來源:編程練習

    2023-04-05

  • <!DOCTYPE?html>
    <html>
    ?<head>
    ??<title>?new?document?</title>??
    ??<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"/>???
    ??<script?type="text/javascript">??
    
    ????//打開的窗口要求,寬400像素,高500像素,無菜單欄、無工具欄。
    ????function?openWindow(){
    ????var?web?=?'http://www.xianlaiwan.cn/';
    ????var?con?=?confirm("確定打開網頁嗎?");
    ????//?新窗口打開時彈出確認框,是否打開
    ????if(con){
    ????????var?web2;
    ????????web2?=?prompt("打開哪一個網頁呢?",web2);
    ????????if(web2!=null&&web2!='')
    ????????{
    ????????????window.open(web2,'_blank','width=400,height=500,toolbar=no,menubar=no');
    ????????}
    ????????else?if(web2?==?null){}
    ????????//?通過輸入對話框,確定打開的網址,默認為?http://www.xianlaiwan.cn/
    ????????else?
    ????????{
    ????????????window.open(web,'_blank','width=400,height=500,toolbar=no,menubar=no');
    ????????}
    ????}
    ????else{}
    ??}?
    ????
    ??</script>?
    ?</head>?
    ?<body>?
    ??<input?type="button"?value="新窗口打開網站"?onclick="openWindow()"?/>?
    ?</body>
    </html>
    查看全部
    0 采集 收起 來源:編程練習

    2023-03-27

    • display:block 顯示 none 隱藏;

    查看全部
  • //_top?框架網頁中在上部窗口中顯示目標網頁
    //_blank?在當前窗口顯示目標網頁
    //self?在當前窗口顯示目標網頁
    查看全部
  • <!DOCTYPE html>

    <html>

    ?<head>

    ? <title> new document </title>??

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

    ? <script type="text/javascript">??

    ? ??

    ? ? function openWindow(){

    ? ? // 新窗口打開時彈出確認框,是否打開

    ? ? var openwin=confirm("是否打開新窗口?");

    ? ??

    ? ? if(openwin==true)

    ? ? {

    ? ? ? ? var openwinID=prompt("請輸入地址","http://www.xianlaiwan.cn/");

    ? ??

    ? ? if(openwinID!=null){

    ? ? // 通過輸入對話框,確定打開的網址,默認為 http://www.xianlaiwan.cn/

    ? ??

    ? ? //打開的窗口要求,寬400像素,高500像素,無菜單欄、無工具欄。

    ? ? window.open('openwinID','_blank','width=400px,height=500px,menubar=no,toolbar=no');

    ? ? ? ??

    ? ? }

    ? ? else{

    ? ? ? ? alert("再見");

    ? ? }

    ? ? ? ??

    ? ? }

    ? ? else{

    ? ? ? ? alert("你好再見");

    ? ? }

    ? ? ? ??

    ? ? }

    ? </script>?

    ?</head>?

    ?<body>?

    ? <input type="button" value="新窗口打開網站" onclick="openWindow()" />?

    ?</body>

    </html>

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

    2023-03-21

    • open()?方法可以查找一個已經存在或者新建的瀏覽器窗口。

    • 語法:window.open([URL], [窗口名稱], [參數字符串])

      例如:

    • <script type="text/javascript"> window.open('http://www.xianlaiwan.cn','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
      </script>



    查看全部
    • prompt彈出消息對話框,通常用于詢問一些需要與用戶交互的信息。彈出消息對話框(包含一個確定按鈕、取消按鈕與一個文本輸入框)

    • var myname=prompt("請輸入你的姓名:");
      if(myname!=null)
      ?{ ? alert("你好"+myname); }
      else
      ?{ ?alert("你好 my friend."); ?}

    查看全部

舉報

0/150
提交
取消
課程須知
該課程是針對新手的一個簡單基礎的課程,讓您快速了解JS,通過一些簡單的代碼編寫體會JS。如果您已經對JS有所了解,可以跳過本課程,學習JS進階課程,進一步學習JS相應的基礎知識。學習本課程,希望您至少具備HTML/CSS基礎知識,認識常用的標簽。
老師告訴你能學到什么?
1. 理解JavaScript基礎語法; 2. 掌握常用語句的使用方法; 3. 學會如何獲取DOM元素及進行簡單操作。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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