HTML button onclick 跳頁做法

HTML 的 Button 按鈕的應用範圍很廣泛，最常見的用法當然就是送出表單，不過 Button 還可以與 JavaScript 搭配製做出許多其它好用的應用，分別是 onclick 後回到首頁以及 onclick 後回到上一頁。

一、跳到本站首頁，語法如下<input type ="button" onclick="javascript:location.href='https://zy02.blogspot.tw/'" value="回首頁"></input>

其中 onclick 的時候，我們用了 JavaScript 的 location.href 語法，將網頁帶到本站首頁，你也可以將網址改為其它網頁，button 的 value 指的是按鈕的値，這個也可以自己設定。

二、button onclick 後回到上一頁，語法如下<input type ="button" onclick="history.back()" value="上一頁"></input>

我們採用了 history.back() 的語法，代表的是回到瀏覽器紀錄的上一頁，這也代表如果沒有紀錄，就不會有反應。

三、button onclick顏色

在" value="回首頁"後面插入語法如下:

style="background-color: #c2e5ee;"