• 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);
        }
    }
    

     希望该原创文章对你有帮助,谢谢。

  • 相关阅读:
    attr全选第三次失效
    数据库拆分案例
    c#日期格式化
    MVC CheckBoxList的实现
    SQLSERVER如何使用递增排序的GUID做主键
    .net App_Browser文件夹的作用
    如何强制浏览器使用兼容模式
    MVC防止xss攻击 ——Html.AntiForgeryToken的AJAX提交
    数据库大数据量迁移的解决思路
    IIS同时实现网站部分使用https协议访问另一部分http访问
  • 原文地址:https://www.cnblogs.com/liwids-blog/p/11943180.html
Copyright © 2020-2023  润新知