JavaJSP调用JavaScript方法

方法1：
将Java Script脚本语言之直接插入到JSP中进行调用
测试代码：

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!--该代码实现的是一个简单的动态时钟--><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>时钟</title>
<style type="text/css">
</style>
</head><!-- JavaScript代码块  -->
<script type="text/javascript">function startTime() {var today = new Date()var h = today.getHours()var m = today.getMinutes()var s = today.getSeconds()// add a zero in front of numbers<10m = checkTime(m)s = checkTime(s)document.getElementById('txt').innerHTML = h + ":" + m + ":" + st = setTimeout('startTime()', 500)}function checkTime(i) {if (i < 10) {i = "0" + i}return i}
</script><!-- 调用 -->
<body "startTime()"><div id="txt"></div>
</body></body>
</html>

方法2：通过οnclick=“function()” 的方法进行调用

文件目录如下：

注意：JS文件夹放置在WebContent目录下，不要放置在META_INF或者WEB-INF下（之前放置在WEB_INF，我说咋调用不动…）。

Time,.js的代码：

/* 获取系统时间 */
function startTime() {var today = new Date()var h = today.getHours()var m = today.getMinutes()var s = today.getSeconds()// add a zero in front of numbers<10m = checkTime(m)s = checkTime(s)document.getElementById('txt').innerHTML = h + ":" + m + ":" + st = setTimeout('startTime()', 500)
}function checkTime(i) {if (i < 10) {i = "0" + i}return i
}

index.jsp的代码：

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>时钟</title>
<style type="text/css">
</style>
</head>
<!--加载脚本路径-->
<script type="text/javascript" src="JS/Time.js"></script>
<!--调用方法--></head>
<div id="txt"></div>
<body "startTime()">
</body>
</html>

JavaJSP调用JavaScript方法相关推荐

zk里面调用javascript方法
2019独角兽企业重金招聘Python工程师标准>>> zk封装了很多javascript的方法,但是并不是说就可以不用javascript了,因为我们项目开发的时候,zk提供的这些 ...
c#调用javascript的方法，有Updatepanel的情况
如何在C#方法中调用JavaScript方法 Page.RegisterClientScriptBlock() Page.RegisterStartupScript() Response.Write( ...
如何从Silverlight 代码调用Javascript 函数
Silverlight 的一个优点是可以访问承载它的Web 页面的HTML 文档.Silverlight 可以访问HTML 元素,因此也可以调用Javascript 方法. 下面的步骤显示了如何在S ...
python操作js中的输入_Python调用JavaScript代码的方法
准备阶段: 以一段简单的JS脚本为例,将代码写入到文件中,其中,定义了一个方法,计算两个数的和. //norm.js //计算两个数的和 function add(num1, num2) { retu ...
使用 AjaxManager 生成调用服务器端方法的 javascript 函数
通过 AjaxManager, 我们可以方便的生成调用 WebService 或者一般处理程序的 javascript 函数, 这样就可以方便的在客户端调用. 本文更新: 2011-12-12: 去掉 ...
js方式调用php_javascript调用PHP和PHP调用javascript的方法
javascript调用PHP和PHP调用javascript的方法发布时间:2020-06-22 17:03:14 来源:亿速云阅读:262 作者:Leah 这篇文章将为大家详细讲解有关java ...
asp.net中调用javascript自定义函数的方法（包括引入JavaScript文件）总结
通常javascript代码可以与HTML标签一起直接放在前端页面中,但如果JS代码多的话一方面不利于维护,另一方面也对搜索引擎不友好,因为页面因此而变得臃肿:所以一般有良好开发习惯的程序员都会把ja ...
cocos2dx在Android studio运行以及在 Android 平台上使用 JavaScript 直接调用 Java 方法
cocos2dx在Android studio运行以及在 Android 平台上使用 JavaScript 直接调用 Java 方法 cocos2dx在Android studio运行使用Andr ...
Java8 新特性 -- Lambda表达式：函数式接口、方法的默认实现和静态方法、方法引用、注解、类型推测、Optional类、Stream类、调用JavaScript、Base64
文章目录 1. Lambda表达式 1.1 Lambda表达式语法 1.2 Lambda表达式示例 1.3 说明:函数式接口 2. 方法的默认实现和静态方法 3. 方法引用 3.1 方法引用示例 4. ...

JavaJSP调用JavaScript方法

JavaJSP调用JavaScript方法相关推荐

最新文章

热门文章