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

在平时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请求对后台的数据进行操作。

你可能感兴趣的:(通过html中的元素来调用javascript中的脚本)