将HTML输入值作为JavaScript函数参数传递

将HTML输入值作为JavaScript函数参数传递

是使用document.getElementByID就可以解决问题!

<body>
<h1>Adding 'a' and 'b'</h1>
 
  a: <input type="number" name="a" id="a"><br>
  b: <input type="number" name="b" id="b"><br>
  <button onclick="add(document.getElementById('a').value,document.getElementById('b').value)">Add</button>
 
<script>
  function add(a,b) {
    var sum = parseInt(a) + parseInt(b);
    alert(sum);
  }
</script>
</body>
  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
下面是一个简单的示例代码: HTML页面(index.html): ```html <!DOCTYPE html> <html> <head> <title>HTML调用Python函数示例</title> <script type="text/javascript"> function callPythonFunction() { var userInput = document.getElementById("userInput").value; var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { document.getElementById("result").innerHTML = xhr.responseText; } }; xhr.open("POST", "/call_function", true); xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhr.send("userInput=" + userInput); } </script> </head> <body> <h1>HTML调用Python函数示例</h1> <label for="userInput">请输入数据:</label> <input type="text" id="userInput"> <button onclick="callPythonFunction()">调用Python函数</button> <p id="result"></p> </body> </html> ``` 服务器端的Python脚本(app.py): ```python from flask import Flask, request app = Flask(__name__) def my_function(user_input): # 在这里编写含参函数的代码 result = "您输入的数据是:" + user_input return result @app.route("/") def index(): return app.send_static_file("index.html") @app.route("/call_function", methods=["POST"]) def call_function(): user_input = request.form["userInput"] result = my_function(user_input) return result if __name__ == "__main__": app.run() ``` 在运行服务器端的Python脚本之前,需要安装Flask框架: ``` pip install flask ``` 运行服务器端的Python脚本: ``` python app.py ``` 然后在浏览器中打开http://127.0.0.1:5000/,即可看到HTML页面。在输入框中输入任意文本,点击“调用Python函数”按钮,即可调用服务器端的Python脚本中的含参函数,并在页面上显示结果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值