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

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xkhgnc_6666/article/details/51557778
个人分类: javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭