<!-- 超鏈接到page2 --> <a href="page2.jsp">鏈接到page2</a><br> <!-- 超鏈接到page2,彈出新窗口 --> <a href="page2.jsp" target="_blank">在窗口中鏈接到page2</a><br> <!-- 相對路徑鏈接到page2 在相同文件夾下就.--> <a href="./page2.jsp">相對路徑鏈接到page2</a><br> <a href="../demo1/page2.jsp">相對路徑鏈接到page2</a><br> <!-- 絕對路徑鏈接到page2 --> <!-- 第一種 --> <a href="http://localhost:8080/test1/demo1/page2.jsp">絕對路徑鏈接到page2</a><br> <!-- 第二種使用request.getcontextpath取得路徑 --> <a href="<%=request.getContextPath() %>/demo1/page2.jsp">絕對路徑鏈接到page2</a><br> <!-- 鏈接到page2,并傳參 直接在URL后面加?參數=值--> <a href="page2.jsp?uid=admin">鏈接到page2并傳參 直接在URL后面加</a><br>1.2、使用js鏈接到新頁面
<script type="text/javascript">function fun(){ //在現在有窗口中打開 //window.location="page2.jsp?uid=test"; //在窗口打開 window.open("page2.jsp?uid=new"); }</script>
<!-- 使用js鏈接到page2 --> <a href='Javascript:window.location="page2.jsp"'>使用js鏈接到page2一</a><br> <!-- 第二種將上面的寫成javascript腳本調用方法 --> <a href="javascript:fun();">使用js鏈接到page2二</a><br> <!-- 使用js鏈接到page2,并傳參 直接在URL后面加?參數=值--> <a href="javascript:fun();">使用js鏈接到page2加參數</a><br> <!-- 使用js鏈接到page2,彈出新窗口,并傳參 --> <a href="javascript:fun();">使用js鏈接到page2彈出新窗口</a><br>二、POST請求新頁面2.1、submit提交表單
<script type="text/javascript">function fun2(){ //是否為空 var uid=document.getElementById("uid").value; if (uid==""){ alert("請輸入內容"); return false; }else{ return true; }}</script>
<!-- 第一種submit提交表單 --> <!-- submit提交表單 --> <form action="page2.jsp" method="post"> <input type="text" name="uid"> <input type="submit" value="提交"> </form> <!-- 驗證后提交表單 --> <form action="page2.jsp" method="post"> <input type="text" name="uid" id="uid" > <input type="submit" value="提交" onclick="return fun2();"> </form> <!-- url方式提交數據 --> <form action="page2.jsp?uid=test" method="post"> <input type="submit" value="提交"> </form> <!-- hidden方式提交數據 --> <form action="page2.jsp" method="post"> <input type="hidden" id="uid2" name="uid2" value="test1" > <input type="submit" value="提交"> <script type="text/javascript"> var uid=document.getElementById("uid2").value="test2"; </script> </form>2.2、js提交表單
<!-- button+js提交表單 --> <form id="form1" action="page2.jsp" method="post"> <input type="text" name="uid"> <input type="button" value="提交" onclick='document.getElementById("form1").submit();'> </form> <!-- <a>+js提交表單 --> <form id="form2" action="page2.jsp" method="post"> <input type="text" name="uid"> <a href='javascript:document.getElementById("form2").submit();'>提交</a> </form>page2
<h1>page2</h1><% request.setCharacterEncoding("utf-8"); String uid=request.getParameter("uid"); String uid2=request.getParameter("uid2");%><h1>UID的值: <%=uid %></h1><h1>UID2的值: <%=uid2 %></h1>
新聞熱點
疑難解答