您好，登录后才能下订单哦！
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
本文小编为大家详细介绍“JSP如何调用JS函数”，内容详细，步骤清晰，细节处理妥当，希望这篇“JSP如何调用JS函数”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
将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<10
m = checkTime(m)
s = checkTime(s) document.getElementById('txt').innerHTML = h + ":" + m + ":" + s
t = setTimeout('startTime()', 500)
} function checkTime(i) { if (i < 10) {
i = "0" + i
} return i
}</script><!-- 调用 --><body "startTime()">
<div id="txt"></div></body></body></html>通过ο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<10
m = checkTime(m)
s = checkTime(s) document.getElementById('txt').innerHTML = h + ":" + m + ":" + s
t = 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>
读到这里，这篇“JSP如何调用JS函数”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。