JS 和 JS P的区别和联系|极客笔记

JS 和 JS P的区别和联系

JavaScript（简称JS）是一种支持对象、事件驱动式的脚本语言，广泛用于网页开发，为HTML提供了动态交互的功能。而JS P（简称JSP）则是一种服务器端技术，是由Sun Microsystems公司推出的JavaServer Pages的简称，它允许网页设计师和程序员在JSP标记中插入Java代码，并在服务端执行。

JS 的特点

客户端脚本语言：JS主要用于客户端，运行在用户的浏览器端，能够实现网页的动态效果，如表单验证、交互效果等。
与HTML结合紧密：JS通过在HTML中嵌入<script>标签来执行脚本代码，可以对页面进行动态操作，与HTML结合度高。
不需要编译：JS是一种解释型脚本语言，不需要像Java或C++等语言一样进行编译，可以直接在浏览器上执行。

JSP 的特点

服务器端技术：JSP是一种服务器端技术，运行在Web服务器上，在用户的浏览器请求页面时，服务器端会动态生成HTML页面并返回给浏览器。
融合了Java代码：JSP页面可以包含Java代码片段，使得开发人员可以在页面上直接编写Java代码，使得页面逻辑更加丰富。
可复用性强：JSP通过引入JavaBean等技术，可以实现代码的重用，提高了开发效率。

JS 和 JSP 的联系和区别

联系：

JS 和 JSP 都是用于网页开发的技术，虽然运行环境不同（JS运行在客户端，JSP运行在服务器端），但它们都可以实现网页的动态效果。
JS 和 JSP 都可以与HTML结合，并且都能够嵌入到HTML中执行，实现网页的交互效果。
JS 和 JSP 都支持与服务器进行数据交互，从而实现网页和服务器之间的通信。

区别：

运行环境不同：JS 运行在用户的浏览器端，JSP 运行在服务器端。
–语法和特性不同：JS 属于脚本语言，支持对象、事件等特性；而 JSP 是基于Java的技术，可以直接调用Java代码。
用途不同：JS 主要用于前端开发，实现网页的交互效果；JSP 主要用于后端开发，生成动态的HTML页面。
执行效率不同：JS的执行效率受客户端浏览器性能影响，而JSP的执行效率受服务器端硬件性能影响。

示例代码

JS 示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS Example</title>
</head>
<body>
    <h1 id="demo">Hello, World!</h1>

    <script>
        document.getElementById("demo").innerText = "Hello, JavaScript!";
    </script>
</body>
</html>

JSP 示例代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>JSP Example</title>
</head>
<body>
    <h1>Hello, JSP!</h1>

    <%
        String name = "JavaServer Pages";
        out.println("<p>Welcome to " + name + "</p>");
    %>
</body>
</html>

在上述示例代码中，JS 脚本修改了页面中指定 id 的元素的文本内容，实现了动态的效果。而 JSP 页面中通过在 <% %> 标签中嵌入 Java 代码，动态生成了HTML内容，实现了服务器端的动态页面效果。