Javaweb 用服务器端脚本在屏幕上打印100个欢迎 然后用客户端脚本在屏幕上打印100个欢迎 比较区别的代码
时间: 2024-09-12 18:12:04 浏览: 78
在Java Web中,服务器端脚本通常指的是JSP(JavaServer Pages)或者Servlet,而客户端脚本则主要是指JavaScript。下面分别用JSP和JavaScript来实现打印100个“欢迎”的功能,并比较两者的区别。
首先是使用JSP(服务器端脚本)打印100个“欢迎”:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Server-Side Welcome</title>
</head>
<body>
<%
for(int i = 0; i < 100; i++) {
out.print("欢迎" + "<br>");
}
%>
</body>
</html>
```
在这段JSP代码中,`out.print`方法用于输出到客户端。当请求这个JSP页面时,服务器会处理JSP代码并生成HTML代码,然后发送给客户端浏览器,用户最终看到的是带有100个“欢迎”的页面。
接下来是使用JavaScript(客户端脚本)打印100个“欢迎”:
```html
<!DOCTYPE html>
<html>
<head>
<title>Client-Side Welcome</title>
<script type="text/javascript">
function printWelcomeMessage() {
var message = "";
for(var i = 0; i < 100; i++) {
message += "欢迎" + "<br>";
}
document.getElementById("welcomeContainer").innerHTML = message;
}
</script>
</head>
<body onload="printWelcomeMessage();">
<div id="welcomeContainer"></div>
</body>
</html>
```
在这个HTML页面中,JavaScript代码定义了一个`printWelcomeMessage`函数,该函数在页面加载完成时被调用(`body`标签的`onload`事件)。JavaScript在客户端浏览器中执行,直接修改了DOM,将包含100个“欢迎”的字符串赋值给一个`div`元素的`innerHTML`属性。
两者的区别在于:
1. 执行位置不同:JSP代码在服务器上执行,而JavaScript代码在客户端浏览器中执行。
2. 性能影响不同:使用JSP一次性发送100个“欢迎”到客户端,可能会增加服务器的负载和网络传输的负担。而JavaScript只发送一个静态页面到客户端,100个“欢迎”是由浏览器动态生成的,减轻了服务器的压力。
3. 用户体验不同:使用JavaScript可以在不需要重新加载页面的情况下动态地添加内容,而使用JSP则会导致页面刷新或者重定向。
阅读全文