JSP調用JS函數的方法

更新時間：2022-04-21 10:17:41 來源：動力節點瀏覽2452次

JSP調用JS函數的方法有哪些？動力節點小編來告訴大家。

方法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<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>

方法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<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函數的方法”介紹，大家如果想了解更多相關知識，可以關注一下動力節點的JSP教程，教程內容細致全面，通俗易懂，很適合沒有基礎的小伙伴學習，希望對大家能夠有所幫助。

JSP教程