5. 參考資料

推薦書籍:

你所不知道的 JS | 導讀,型別與文法 (You Don't Know JS: Up & Going)

你所不知道的 JS|範疇與 Closures,this與物件原型

你所不知道的 JS|ES6 與未來發展

你所不知道的 JS|非同步處理與效能

網站

w3schools JavaScript

JavaScript 保留字

Unix TimeStamp

web2.html 的小icon:

<img src="https://alldata.sgp1.digitaloceanspaces.com/images/external_link.png" class="icon_external">

web3.html 原始碼:

<!DOCTYPE html>
<html lang="zh-Hant" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      #file_input{
        border: 1px solid red;
        /* display: none; */
      }
      #file_name{
        border: 1px solid blue;
        display: inline-block;
        min-width: 50px;
        height: 18px;
      }
      #img_block{
        border: 1px solid black;
      }
      .small_width{
        width: 100px;
      }
    </style>
  </head>
  <body>

    <input type="file" id="file_input">
    <button type="button" id="choose_file">選取檔案</button>

    <div id="img_block">
      選擇的檔案:
      <span id="file_name"></span><br>
    </div>

    <script>

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

Last updated