jsp javascript html ページジャンプ ページジャンプ

インターネットの継続的な発展に伴い、Web ページのデザインはますます重要になってきています。 Web デザインでは、ページ ジャンプがよく使用されます。この記事では、JSP、JavaScript、HTML のページ ジャンプ テクノロジの紹介に焦点を当てます。

1. JSP ページジャンプ

JSP (Java Server Pages) は動的 Web 開発技術であり、主に Java サーブレット コードと HTML コードで構成されており、Java コードにロジックを追加できます。 . JSP ページをよりインタラクティブにするための判断。 JSP でのページジャンプには、JSP ステートメントを使用してジャンプする方法と、JSP 命令を使用してジャンプする方法の 2 つがあります。

1. JSP ステートメントを使用してジャンプする

JSP ページでは、次のステートメントを使用してページにジャンプできます。

<%  response.sendRedirect("要跳转的页面URL");%>
<%  request.getRequestDispatcher("要跳转的页面URL").forward(request, response);%>

その中には、 sendRedirect() メソッドは別のページにリダイレクトし、forward() メソッドは同じページにジャンプします。次の例:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    // 重定向到新页面
    response.sendRedirect("new_page.jsp");

    // 在同一个页面中进行跳转
    request.getRequestDispatcher("same_page.jsp").forward(request, response);
%>

2. JSP 命令を使用してジャンプ

JSP ページでは、次の命令を使用してページにジャンプすることもできます:

<%@ include file="要跳转的页面文件名" %>
<%@ taglib uri="URI地址" prefix="前缀名" %>

その中で、 include ディレクティブを使用して、他の JSP ページのコンテンツを現在の JSP ページに埋め込み、ページ ジャンプを実現できます。次の例:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="header.jsp" %>
<h1>这是主要内容</h1>
<%@ include file="footer.jsp" %>

2. JavaScript ページ ジャンプ

JavaScript は、Web ページに動的な効果やインタラクティブな機能を追加できるスクリプト言語です。 JavaScript でページにジャンプするには、次のメソッドを使用できます。

1. ジャンプするには window.location を使用します

window.location.href または window を使用できます。 replace メソッドはページ ジャンプを実行します。次の例:

// 重定向到新页面
window.location.href = "new_page.jsp";

// 在同一个页面中进行跳转
window.location.replace("same_page.jsp");

2. location.reload を使用してページを更新する

location.reload() メソッドを使用してページを更新できます。次の例:

// 刷新当前页面
location.reload();

3. HTML ページ ジャンプ

HTML (ハイパー テキスト マークアップ言語) は、Web ページを記述するために使用されるマークアップ言語であり、Web の構造とコンテンツを定義するために使用できます。ページ。 HTML 内のページにジャンプするには、次の方法を使用できます。

1. タグを使用してジャンプします

タグを使用してジャンプできます。ページジャンプを実装します。次の例:

<!-- 重定向到新页面 -->
<a href="new_page.jsp">跳转到新页面</a>

<!-- 在同一个页面中进行跳转 -->
<a href="#same_page">跳转到同一个页面</a>
...
<div id="same_page">这是同一个页面中的内容</div>

2. リダイレクトに タグを使用する

に示すように、 タグを使用してページ リダイレクトを実装できます。次の例:

<!-- 重定向到新页面 -->
<meta http-equiv="refresh" content="0; url=new_page.jsp">

概要:

要約すると、JSP、JavaScript、および HTML ページ ジャンプは、Web 開発で一般的に使用されるテクノロジです。さまざまなシナリオで、ニーズに応じてページにジャンプするための適切な方法を選択できます。たとえば、JSP ページ内でジャンプするには 2 つの方法を使用できます。JavaScript では window.location を使用してジャンプでき、HTML では タグを使用してジャンプでき、 タグを使用してジャンプできます。タグ。リダイレクト。実際のWeb開発では、状況に応じて選択・組み合わせることにより、スムーズなページ間の移動を実現します。

以上がjsp javascript html ページジャンプ ページジャンプの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。