只需按一下按钮,就可以调用多个方法吗?

时间:2015-10-21 10:48:49

标签: javascript html local-storage

我想知道我是否可以通过点击按钮调用两个功能?基本上我所拥有的是一个表单,其中提交按钮调用一个函数,该函数将字段值保存到localstorage中。我想要做的是当用户单击保存按钮时,数据将被插入到MSYQL数据库中。我怎样才能做到这一点?与该按钮一样,我调用save()函数将它们保存在localstorage中。点击一个按钮可以调用多个功能吗?以下是我的代码 -

<!DOCTYPE HTML>
<html>
<head>


<title>Localstorage Test</title>
    <script type="text/javascript">
        function save(){

            var fieldvalue = document.getElementById('textfield1').value;
            var fieldvalue1 = document.getElementById('textfield2').value;
            var fieldvalue2 = document.getElementById('textfield3').value;

            localStorage.setItem('text',fieldvalue);
            localStorage.setItem('text1',fieldvalue1);
            localStorage.setItem('text2',fieldvalue2);
        }

        function load(){
            var storedValue = localStorage.getItem('text');
            var storedValue1 = localStorage.getItem('text1');
            var storedValue2 = localStorage.getItem('text2');

            if(storedValue){
                document.getElementById('textfield1').value = storedValue;
            }

            if(storedValue1){
                document.getElementById('textfield2').value = storedValue1;
            }

            if(storedValue2){
                document.getElementById('textfield3').value = storedValue2;
            }
        }
    </script>
</head>
<body onload="load()">      
        <input type="text" id="textfield1" />
        <input type="text" id="textfield2" />
        <input type="text" id="textfield3" />
        <input type="submit" value="Save" onclick="save()">
</body>
</html>

1 个答案:

答案 0 :(得分:6)

可以在onclick事件中调用多个函数:

<input type="submit" value="Save" onclick="save(); alert('hello!');">