在HTML中引用JavaScript中的變數
阿新 • • 發佈：2018-11-12
和上次的程式碼幾乎一樣，但這次是引用已經寫好的變數。主要功能和用法如下：
- document物件的getElementId方法得到HTML元素。
- HTML元素的value屬性可以用來設定變數的值。
02.html <!DOCTYPE html> <html> <head> <title>在HTML中引用JavaScript的變數</title> <script type="text/javascript"> var foobar = 'foobar';//建立一個全域性變數“foobar”function var2pass() { document.getElementById('textfield').value = foobar;//給HTML元素的value屬性賦值 alert('應用變數成功！'); } function displayVar() { alert('變數值為' + foobar); } </script> </head> <body> <h2> 在HTML中引用JavaScript的變數 </h2> <hr> <br> <h5>單機相應的按鈕……</h5> <form name="form1" method="post" action=""> <label> <input type="text" name="textfield" id="textfield"> </label> <!-- 繫結onclick事件 --> <label> <input type="button" name="button" id="button" value="顯示變數" onclick="javascript: void displayVar();"> </label> <!-- 繫結onclick事件 --> <label> <input type="button" name="button2" id="button2" value="引用變數" onclick="javascript: void var2pass();"> </label> </form> </body> </html>