在HTML中爲JavaScript傳遞變量

時間 2019-11-30

原文原文鏈接

　　在html中爲JavaScript傳遞變量是一個關鍵步驟，而後就能夠經過對JavaScript變量操做，實現想要達到的目的javascript

　　本節代碼主要使用了JavaScript中的document對象中的getElement方法和HTML元素的value屬性html

　　document對象的getElement方法獲得HTML元素
　　HTML元素的value屬性獲得HTML元素的value值

01.html
<!DOCTYPE html>
<html>
<head>
    <title>在HTML轉換爲JavaScript傳遞變量</title>
    <body>
    <script type="text/javascript">
    var foobar;//聲明全局變量fooabr
    function pass2var() {
        foobar = document.getElementById('textfield').value;
//獲得id爲textfield的HTML元素的值
        alert('傳遞變量成功');
    };
    function displayVar() {
        alert('變量值爲：' + foobar);//顯示全局變量foobar
    }
    </script>
</head>
    <body>
    <center>
        <h1>在HTML轉換爲JavaScript傳遞變量</h1>
            <hr>
            <br>
            <h5>單機響應按鈕……</h5>
        <form name="form1" method="post" action="">
            <label>
            <input type="text" name="textfield" id="textfield">
            </label>
            <label>
            <!-- 綁定onclick單機事件 -->
            <input type="button" name="button" id="button" value="傳遞變量" onclick="javascript:void pass2var();">
            </label>
            <label>
            <!-- 綁定onclick事件 -->
            <input type="button" name="button2" id="button2" value="顯示變量" onclick="javascript:void displayVar();">
            </label>
        </form>
    </center>
</body>
</html>

相關標籤/搜索

html+css+javascript+html

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。