window.location.href用法與a標簽的比較


1.在使用這兩種方法進行頁面的跳轉時,這兩種方法都能夠有效的實現該功能

但是其原理不盡相同

第一:window.location.href()方法必須書寫在js中

<html>
<head>
    <title>Title</title>
</head>
<body>
<a  onclick="submit1()"></a>
<a  onclick="submit2()"></a> </body> <script> function submit1(){ // window.alert('測試'); window.location.href="/https://www.baidu.com/baidu?tn=monline_3_dg&ie=utf-8&wd=%E7%99%BE%E5%BA%A6"; } function submit2(){ // window.alert('測試'); window.location.href="/url"; } </script> </html>

 該方法主要通過給a標簽添加點擊事件跳轉頁面;

第二種

<a href="https://www.baidu.com/baidu?tn=monline_3_dg&ie=utf-8&wd=%E7%99%BE%E5%BA%A6"></a>

該方法直接進行跳轉不需要任何中間步驟,

因此如果只是想進行網頁的跳轉建議使用a標簽直接跳轉,方便簡潔;

除此之外如果是想進行與java后台相結合提供參數的話建議使用window.location.href方法

jsp文件:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<input type="button" value="提交數據1" onclick="submit1()">
<input type="button" value="提交數據2" onclick="submit2()">
</body>
<script>
    function submit1(){
        // window.alert('測試');
    window.location.href="bb?method=add";
    }
    function submit2(){
        // window.alert('測試');
        window.location.href="bb?method=update";
    }
</script>
</html>

 sevlet文件:

package com.ztjy.smsw.servlet;


import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class jsSubmit extends HttpServlet {
    @Override

    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//        獲取j攜帶參數
        String key=req.getParameter("method");
            if (key.equals("add")){
                System.out.println("去執行add方法");
            }
            if (key.equals("update")){
                System.out.println("去完成update修改功能");
            }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }
}

 希望該原創文章對你有幫助,謝謝。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM