在平时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 οnclick="copyText()">复制文本</button>
<p>测试一下html中调用javascript</p>
</body>
</html>
以上可以看到javascript代码在html里面生效了,更进一步,一般在web开发中js文件都单独写成文件,如果里面加入ajax请求的话,通过点击按钮就能够通过ajax请求对后台的数据进行操作。