Javascript 一次单击按钮是否可以调用多个方法？_Javascript_Html_Local Storage

Javascript 一次单击按钮是否可以调用多个方法？

javascript html

Javascript 一次单击按钮是否可以调用多个方法？,javascript,html,local-storage,Javascript,Html,Local Storage,我想知道我是否可以一按按钮就调用两个函数？基本上，我有一个表单，其中submit按钮调用一个函数，该函数将字段值保存到localstorage中。我想做的是，当用户单击save按钮时，数据将插入到MSYQL数据库中。我该怎么做？与该按钮一样，我调用save（）函数，将它们保存在localstorage中。单击一个按钮可以调用多个函数吗？以下是我的密码- <!DOCTYPE HTML> <html> <head> <title>Localstor

我想知道我是否可以一按按钮就调用两个函数？基本上，我有一个表单，其中submit按钮调用一个函数，该函数将字段值保存到localstorage中。我想做的是，当用户单击save按钮时，数据将插入到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>


本地存储测试
函数save（）{
var fieldvalue=document.getElementById（'textfield1'）.value；
var fieldvalue1=document.getElementById（'textfield2'）.value；
var fieldvalue2=document.getElementById（'textfield3'）.value；
setItem（'text'，fieldvalue）；
setItem（'text1'，fieldvalue1）；
setItem（'text2'，fieldvalue2）；
}
函数加载（）{
var storedValue=localStorage.getItem（'text'）；
var storedValue1=localStorage.getItem（'text1'）；
var storedValue2=localStorage.getItem（'text2'）；
if（存储值）{
document.getElementById（'textfield1'）。value=storedValue；
}
如果（存储值1）{
document.getElementById（'textfield2'）。value=storedValue1；
}
如果（存储值2）{
document.getElementById（'textfield3'）。value=storedValue2；
}
}

可以在

onclick

事件中调用多个函数：

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

可以在

onclick

事件中调用多个函数：

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

由于功能相同（从localStorage/db加载并保存到localStorage和db），因此可以扩展现有功能。要访问数据库，您需要使用Ajax和服务器端语言（php、perl、python、.net）。由于功能相同（从localStorage/db加载并保存到localStorage和db），因此可以扩展现有功能。要访问数据库，需要使用Ajax和服务器端语言（php、perl、python、.net）。