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

原创 2016年06月01日 17:53:52

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JavaScript对表单元素脚本操作

创建表单元素是为了满足用户向服务器发送数据的需求。浏览器可以渲染文本框、组合框以及其他输入控件,来实现客户端与服务器商之间的通信。       Web已经发展得很快了,而Web表彰基本上没有变化。尽...

用JSP脚本元素调用Java

  • 2012-10-06 09:38
  • 189KB
  • 下载

好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎片、table操作

欢迎技术交流。 QQ:138986722 getAttribute、setAttribute获取跟设置对象的属性: function documentTest(){ var oHtm...

JavaScript HTML DOM 元素(节点)

JavaScript HTML DOM 元素(节点)添加和删除节点(HTML 元素)。创建新的 HTML 元素如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的...

JavaScript获取网页中HTML元素的几种方法分析

举个例子:   网页陶吧   同一页面内的引用方法:   1、使用id:   link1.href,返回值为http://homepage.yesky.com   2、使用name:   ...

javascript访问html元素的内容(1)

形如如下格式的html元素:I'm BIG panda!!!有3种方式获取其内容,可以获取起全部的子内容,或是获取其子内容的text纯文本标识,或是以对象方式获取其子内容。可以使用元素对象的inner...
  • mydo
  • mydo
  • 2015-03-26 09:44
  • 688

JavaScript获取HTML DOM节点元素的方法的总结

在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)