关闭

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

203人阅读 评论(0) 收藏 举报
分类:

在平时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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:41919次
    • 积分:895
    • 等级:
    • 排名:千里之外
    • 原创:48篇
    • 转载:6篇
    • 译文:0篇
    • 评论:0条
    博客专栏