通过html中的元素来调用javascript中的脚本

来源：互联网发布：软件项目助理职责编辑：程序博客网时间：2024/04/20 07:20

在平时web开发过程中经常会碰到点击web页面上的按钮来对后台的数据进行操作，这里面涉及到html中的标签以及javascrpt中的脚本，下面就来个简单的示例看下如何来写代码；

<!DOCTYPE html><html><head><script>function copyText(){document.getElementById("field2").value=document.getElementById("field1").value;}</script></head><body>字段1: <input type="text" id="field1" value="Hello World!"><br>字段2: <input type="text" id="field2"><br><br><button onclick="copyText()">复制文本</button><p>测试一下html中调用javascript</p></body></html>

以上可以看到javascript代码在html里面生效了，更进一步，一般在web开发中js文件都单独写成文件，如果里面加入ajax请求的话，通过点击按钮就能够通过ajax请求对后台的数据进行操作。

0 0