網頁設計(未完)

File 相關
<input type="file" id="input"> 讀取到的是 List

使用 DOM 獲取選擇的檔案：

var selectedFile = document.getElementById('input').files[0];
使用 jQuery 獲取選擇的檔案：

var selectedFile = $('#input').get(0).files[0];

var selectedFile = $('#input')[0].files[0];

<input type="file" id="input" onchange="handleFiles(this.files)">
當使用者選取一個檔案，呼叫 handleFiles() 會得到一個 FileList 的物件。FileList 裡面還會有一個 File 的物件，裡面的東西就是使用者選取的檔案。

如果你想要讓使用者一次選擇多個檔案，可以在 input 元素中使用 multiple 的屬性：

<input type="file" id="input" multiple="true" onchange="handleFiles(this.files)">

在上述這個例子中，檔案名單會傳遞到 handleFiles() 函數，其中包含了使用者選的每個檔案 File 物件。

A 相關

<a href="#"/> 超連結

如果<a>標籤有href屬性的話，則:link選擇器可以選到，可以focus(可以用tab鎖定)，有

cursor : pointer的功能

cursor:這個屬性代表，滑鼠游標移到上面時游標如何變化。

1. default : 箭頭

2. auto : 箭頭




3. crosshair : 十字

4. pointer : 手指

5. text : 文字輸入

6. move : 移動的十字

以下還有更多樣式

參考 https://chentsu.wordpress.com/2014/01/07/css-cursor-%EF%BC%88%E6%BB%91%E9%BC%A0%E6%B8%B8%E6%A8%99%EF%BC%89%E5%B1%AC%E6%80%A7/

當你的<a />點下去的時候又不想要跳轉連結的時候，通常會使用herf="#"的用法

這個做法會在herf上加一個#並且跳轉到原頁面最上面，且會觸發hashchange事件

而 herf="##"則是不會跳轉到最上面，且也會觸發hashchange事件

herf="###"則是在IE11中不會跳回最上面，且也會觸發hashchange事件

也就是說 herf="#"代表指向自己的意思

當然也有其他方法，如

<a herf="javascript:void(0);"> <a herf="javascript:void(0)">

<a herf="javascript:"> <a herf="javascript:;">

以及 onclick="return false;" 或者 event.preventDefault();