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

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

HTML中调用JavaScript的几种情况和规范写法

JavaScript运行在html中,引用有几种方式? 我知道的方法有3种: 第一种:外部引用远程JavaScript文件,如(相对路劲)或者是(绝对路劲); 第二种:直接用写在页面上,如: ...
  • qq_21792169
  • qq_21792169
  • 2016年03月20日 01:42
  • 5722

从C调用JavaScript函数代码。

 有时候,当我们正在使用的C内的IE浏览器控制+ +应用程序,我们需要访问HTML元素。我们可以通过使用诸如IWebBrowser2,IHTMLDocument2标准的COM对象它,等等。这样,...
  • rznice
  • rznice
  • 2014年08月05日 00:43
  • 3744

C#如何在后台调用Javascript

为什么在项目后台要使用C#调用前台的Javascript代码呢?因为我们在项目开发的过程中,根据项目的需要,我们需要用到其他项目组用VC开发的组件,但是在web后台代码中无法访问这个组件,所以只好在我...
  • happymagic
  • happymagic
  • 2013年04月08日 11:15
  • 3770

JavaScript—五种加载JavaScript脚本的方式

javaScript文件(下面简称脚本文件)需要被HTML文件引用才能在浏览器中运行。在HTML文件中可以通过不同的方式来引用脚本文件,我们需要关注的是,这些方式的具体实现和这些方式可能会带来的性能问...
  • u012758088
  • u012758088
  • 2017年01月16日 15:34
  • 1845

《学习笔记》之JavaScript--在HTML网页中书写JavaScript

使用元素定义JavaScript脚本代码
  • pengjunlee
  • pengjunlee
  • 2016年10月30日 17:32
  • 1208

js调用.bat文件或dos命令的方式

dos下创建bat文件更改IP (创建一个文件后缀改成.bat在Windows上就可以双击运行) set addr=192.168.101.101 set mask=255.255....
  • wodexiaoyang
  • wodexiaoyang
  • 2015年11月02日 10:30
  • 3342

通过jsp网页调用shell脚本

通过这个网页,可以更改服务器的时间,可以调用相应的脚本。 由于访问者都是固定ip,将ip和用户的对应关系存储到一个map里。用户可以对服务器进行锁定和解锁,服务器被锁定后不允许其他用户进行操作。 ...
  • liuyuan185442111
  • liuyuan185442111
  • 2016年07月30日 22:39
  • 2272

【Android】不使用WebView来执行Javascript脚本(Rhino)

【Android】不使用WebView来执行Javascript脚本(Rhino)     前言 动态执行脚本能有效的降低重要功能硬编码带来的问题,尤其是依赖于第三方的应用,可以通过动态脚...
  • lltaoyy
  • lltaoyy
  • 2016年06月12日 10:30
  • 1786

创建html文档——html的文档元素和元数据元素

DOCTYPE——表示文档包含的是HTML5内容; html——表示文档中html标记的开始; head——表示html文档中元数据部分的开始; body——表示html文档中内容部分的开始; tit...
  • bboyjoe
  • bboyjoe
  • 2015年07月08日 11:10
  • 792

如何设置WebView使得加载网页时能够执行JavaScript脚本中的alert()函数

如何设置WebView使得加载网页时能够执行JavaScript脚本中的alert()函数
  • g252691665
  • g252691665
  • 2015年04月28日 15:14
  • 1127
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:通过html中的元素来调用javascript中的脚本
举报原因:
原因补充:

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