專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2022-04-21 10:17:41 來源：動力節(jié)點(diǎn) 瀏覽2581次
JSP調(diào)用JS函數(shù)的方法有哪些？動力節(jié)點(diǎn)小編來告訴大家。
將Java Script腳本語言之直接插入到JSP中進(jìn)行調(diào)用
測試代碼：
<%@ 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">
<!--該代碼實(shí)現(xiàn)的是一個簡單的動態(tài)時鐘-->
<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>
<!-- 調(diào)用 -->
<body "startTime()">
<div id="txt"></div>
</body>
</body>
</html>
通過οnclick=“function()” 的方法進(jìn)行調(diào)用
文件目錄如下：
注意：JS文件夾放置在WebContent目錄下，不要放置在META_INF或者WEB-INF下(之前放置在WEB_INF，我說咋調(diào)用不動…)。
Time,.js的代碼：
/* 獲取系統(tǒng)時間 */
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>
<!--調(diào)用方法-->
</head>
<div id="txt"></div>
<body "startTime()">
</body>
</html>
以上就是關(guān)于“JSP調(diào)用JS函數(shù)的方法”介紹，大家如果想了解更多相關(guān)知識，可以關(guān)注一下動力節(jié)點(diǎn)的JSP教程，教程內(nèi)容細(xì)致全面，通俗易懂，很適合沒有基礎(chǔ)的小伙伴學(xué)習(xí)，希望對大家能夠有所幫助。
初級 202925
初級 203221
初級 202629
初級 203743
官方微信
官方抖音
Java實(shí)驗(yàn)班
Java就業(yè)班
Java夜校直播班
Java在職加薪班
Java架構(gòu)師班
京公網(wǎng)安備 11030102010736號