window.location.href 放置在单独的JS文件中使用时问题

时间：2023-02-23 11:25:53

场景：假设当前浏览器地址栏的地址是：http://localhost:8888/SSHBoot/tourist/homeMainAction_signInUI.do，

现在我想在点击按钮时定位到“http://localhost:8888/SSHBoot/member/adminMainAction_mainUI.do”这个地址

以下js代码是没问题，将js脚本放置到页面中

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>BootStrap学习</title>

</head>

<body>

    <input id="btnSubmit" class="btn btn-success btn-block btn-lg" type="button" value="点击">

    <script type="text/javascript" src="${basePath}/js/homeMainAction/signInUI.js" CHARSET="utf-8"></script>
　　 <script type="text/javascript">
        $(function($) {
            // 登录点击
            $("#btnSubmit").click(function() {
                window.location.href = "http://localhost:8888/SSHBoot/member/adminMainAction_mainUI.do";
            });
        });
    </script>

</body>

</html>

但是，如果我把上面的js脚本提取出来放置到“signInUI.js”文件中，如下。这样方式就不能达到预想的效果：

浏览器地址栏中的地址就是： http://localhost:8888/SSHBoot/tourist/http://localhost:8888/member/index.jsp

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>BootStrap学习</title>

</head>

<body>

    <input id="btnSubmit" class="btn btn-success btn-block btn-lg" type="button" value="点击">

    <script type="text/javascript" src="${basePath}/js/homeMainAction/signInUI.js" CHARSET="utf-8"></script>

</body>

</html>

signInUI.js：

$(function($) {

            // 登录点击

            $("#btnSubmit").click(function() {

                window.location.href = "http://localhost:8888/SSHBoot/member/adminMainAction_mainUI.do";

            });

        });

这个时候应该采用以下的路径样式：

$(function($) {

            // 登录点击

            $("#btnSubmit").click(function() {

                window.location.href = "../member/adminMainAction_mainUI.do";

            });

        });

window.location.href 放置在单独的JS文件中使用时问题的更多相关文章

  1. Vue在单独引入js文件中使用ElementUI的组件

    Vue在单独引入js文件中使用ElementUI的组件 问题场景: 我想在vue中的js文件中使用elementUI中的组件,因为我在main.js中引入了element包和它的css,并挂载到了全局 ...

  2. ASP&period;NET MVC 中单独的JS文件中获取Controller中设定的值

    1,在Controller中的Action 中将指定值写上.       //       // GET: /Home/       public ActionResult Index()       ...

  3. window&period;location&period;href&lpar;&quot&semi;url&quot&semi;&rpar; 无法在chrome和Firefoxz中使用

    今天在js代码中加了一句window.location.href(‘url’)希望实现页面的跳转,IE中可以正常使用,但是Firefox却提示window.location is not a func ...

  4. nuxtjs如何在单独的js文件中引入store和router

    nuxtjs里面集成vuex的创建方式改变了,并且官方不建议以导出Vuex实例的方式创建store,并且会在nuxt3里面删除.这样就会存在一个问题,我怎么像普通vue spa项目一样直接 impor ...

  5. 使用Babel将单独的js文件 中的 ES6转码为ES5

      如果你并没有接触过ES6,当你看到下面的代码时,肯定是有点懵逼的(这是什么鬼?心中一万头神兽奔腾而过),但是你没看错,这就是ES6.不管你看不看它,它都在这里. 1 2 3 4 5 6 7 8 9 ...

  6. IE6下window&period;location&period;href不跳转到相应url

    前天一同事遇到个看似很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location.href=url ...

  7. js文件中使用el表达式问题

    作者:Sang 单独js文件不能用el表达式. 首先,JSP是由服务端执行的,EL表达式自然也由服务端解析执行,因此如果EL所在的脚本在JSP页面内,它是可以获取到值的,这个值在服务器端返回到浏览器端 ...

  8. 如何在js文件中实现获取request&period;getCotextPath&lpar;&rpar;&semi;

    我们在jsp中可以方便的使用“request.getCotext()”来获取工程的根目录. 但是如果我们的js代码存在一个单独的js文件中,这时候再想获取根目录,我们就要自己截取了.可以采用下面的方式 ...

  9. js文件中函数前加分号和感叹号是什么意思？

    本文转自:http://blog.csdn.net/h_o_w_e/article/details/51388500 !function(){}();   !有什么用? 从语法上来开,JavaScri ...

随机推荐

  1. UVA&comma; 10336 Rank the Languages

    难点在于:递归函数和输出: #include <iostream> #include <vector> #include <algorithm> #include ...

  2. FusionCharts简单教程&lpar;三&rpar;-----FusionCharts的基本属性

          通过前面两章的讲解我们可以制作出简单的图像,但是有时候我们需要对图像进行一个精确的规划,比如设置背景颜色.设置提示信息.设置间隔颜色等等,这时就需要我们对FusionCharts的细节有比 ...

  3. &lbrack;SAP ABAP开发技术总结&rsqb;反射，动态创建内表、结构、变量

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  4. PowerDesigner&lpar;五&rpar;-概念数据模型&lpar;CDM生成LDM&comma;PDM和OOM&rpar;（转）

    概念数据模型 概念数据模型(Conceptual Data Model,CDM):表达的是数据整体逻辑结构,该结构独立于任何软件和数据存储结构,即它只是系统分析人员,应用程序设计人员,维护人员和用户之 ...

  5. windows驱动开发推荐书籍

    [作者] 猪头三 个人网站 :http://www.x86asm.com/ [序言] 很多人都对驱动开发有兴趣,但往往找不到正确的学习方式.当然这跟驱动开发的本土化资料少有关系.大多学的驱动开发资料都 ...

  6. C&num;实现接口xml序列化与反序列化

    C#实现接口xml序列化与反序列化   C#中接口无法被xml序列化,提示不支持.百度和bing也搜不到,只好自己动手写了 原理上肯定支持,.Net自己的xml序列化有一个IXmlSerializab ...

  7. Java虚拟机加载类的过程

    Java虚拟机的类加载,从class文件到内存中的类,按先后顺序需要经过加载/链接/初始化三大步骤. Java语言的类型分为两大类:基本类型(primitive types)和引用类型(referen ...

  8. java实现满天星swing&amp&semi;awt

    一起有两个类 1.MyStar.java package day02; import java.awt.Color; import javax.swing.JFrame;import javax.sw ...

  9. 两个select一个选中&comma;另一个就没有选中的那个值

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. jenkins com&period;jcraft&period;jsch&period;JSchException&colon; Auth cancel

    jenkins构建时报如下错误: 首先去系统管理--->系统设置上看看SCP插件中的用户名和密码是否正确

相关文章