Question

我正在尝试使用html / javascript程序中的按钮将某人重定向到我的另一个页面。基本上，我创建了一个.jsp页面，为用户提供了一些点击按钮。如果用户单击一个按钮，它将调用一个方法，该方法应该打开我在同一项目下创建的新.jsp页面。但是，我不知道如何做到这一点，因为我是Javascript和HTML的新手。我在下面提供了一个例子：

示例页面

<html>
<title>Web Page</title>
<body>

    <p>Please click a button to redirect you to the page you wish to go to.</p>

    <br>

    <form>
        <input type="button" id="idname" value = "General Info " onclick="goToInfo()"/><br>
    </form>

    <br>

    <form>
        <input type="button" id="idname" value = "Other Information" onclick="goToOther()"/><br>
    </form>



    <script type="text/javascript">
        function goToInfo(){

        }

        function goToOther(){

        }

        </script>
</body>
</html>

*例如，我的NetBeans项目中有另一个名为“GeneralInfo.jsp”的页面，我希望goToInfo()能够将此人重定向到该页面。谢谢你的帮助。

Answer 1

您可以使用window.location将用户重定向到相应的JSP页面;但是，您需要确保下面代码中的路径与servlet映射的JSP页面的实际路径匹配，或者基于相对于应用程序的绝对路径。

   function goToInfo(){
       window.location = '/GeneralInfo.jsp';
   }

   function goToOther(){
       window.location = '/someOtherJSPPage.jsp';
   }

如果在尝试重定向到JSP页面时遇到404错误，请尝试将日志记录级别调高为ALL或DEBUG，以便可以从框架或Java容器中查看日志，这些将有希望显示真实的文件路径这样您就可以调整URL以匹配实际的目标位置。

Answer 2

当您单击“常规信息”按钮时，应该使用GeneralInfo.jsp打开新选项卡。

function goToInfo(){
window.location = "GeneralInfo.jsp";
 }

Answer 3

你可以使用这种方法，

 <input type="button" value="General Info" name="INfoPage"
        onclick="document.forms[0].action = 'infoPage.jsp';" />

或简单的方法是，

<a href="InfoPage.jsp">General Info</a>

在Javascript中打开另一个jsp页面的方法

3 个答案: