Melody的程式天地

發表文章

目前顯示的是 5月, 2015的文章

如何用 JavaScript 讀取 input 裡面的內容？

<!DOCTYPE html> <html> <head> <title><input> File Selection</title> <meta http-equiv="X-UA-Compatible" content="IE=10"> </head> <body> <h1>HTML5 <input> File Selection</h1> <h3>Example 1</h3> <input type="file" id="fileSelector" multiple accept="image/*" />  <ul id="fileContentList" style="list-style-type: none;"></ul>  <script type="text/javascript"> var message = []; if (!document.getElementById('fileSelector').files) { message = '<p>The ' + '<a href="http://dev.w3.org/2006/weba

閱讀完整內容

如何讓 button 被點下時，可以執行某一段 JavaScript 程式碼？

範例中第一個部分的原始碼如下： <a href="javascript:open_window('javascript.html')">javascript:function</a>:JavaScript Pseudo Protocol. 一般來說，href 的內容是 URL，但是我們卻設定了一串頗為奇怪的字串。讓我們解釋一下： Javascript 提供了一個特別的用法，稱之為 JavaScript Pseudo-Protocol， javascript: 之後會加上一個函數名稱，函數可以是 Javascript 內建的函數，也可以是自行定義的函數。例如，你可以直接在瀏覽器輸入 javascript:alert(document.links.length) 來得知目前這個網頁總共有多少超連結（links）。當然，你也可以將這段程式碼用來取代這個範例的 href 值。範例中第二個部分的原始碼如下： <form> <input type="button" name="Button1" value="請按我" onClick="sayhi()"> </form> 這是一個 form 元件，該元件內包含一個按鈕元件，該元件名稱為 Button1。在按鈕元件中，我們也定義了一個事件處理的函數： " onClick="sayhi()" ；該定義說明了：如果使用者在按鈕上點一下，則執行 sayhi() 函數，而 sayhi() 的程式碼如下： <script language="javascript">  </script> 如果使用者在"請按我"的按鈕上點一下，螢幕上會出現包含 "What's up?" 訊息的視窗。

閱讀完整內容