JavaWeb中外部引入的js中涉及到location.href的页面跳转/jsp页面的外部js文件引入

当js在jsp页面中写的时候没有任何问题如下所示：

 function deleteP(obj){if(confirm("你真舍得丢弃我吗?")){//发送请求location.href="${pageContext.request.contextPath }/deleteProductById?pid="+obj;}}

但是将js提取出来放到一个单独的js页面中引入的时候，就报错了，这是因为${pageContext.request.contextPath }在js中不起作用

按照下面要求将路径改成绝对路径即可跳转成功

var url = window.location; // 获取当前页面的地址
var protocol = location.protocol //获取http或https
var host = url.host //获取当前JSP页面的地址栏IP和端口号    即：//localhost:8080
var contextPath = url.pathname.split("/")[1];  //获取项目名  即：showproduct
var basePath = protocol +"//"+host+"/"+contextPath; //即：http://localhost:8080/showproductfunction deletep(obj){if(confirm("你舍得舍弃我吗？")){location.href=basePath+"/deleteProductById?pid="+obj;}
}

当前页面的网址为：

外部js文件引入

1、直接引用：

根据项目的目录结构，项目目录结构如图：

引用方式为：
```
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
```

2、通过EL表达式引入：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><c:set value="${pageContext.request.contextPath}" var="path" scope="page"/><script type="text/javascript" src="${path}/js/jquery-3.0.0.min.js"></script>

3、通过java引入：

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><script type="text/javascript" src="<%=basePath%>/js/jquery-3.0.0.min.js"></script>

JavaWeb中外部引入的js中涉及到location.href的页面跳转/jsp页面的外部js文件引入相关推荐

关于js中window.location.href、location.href 等如何跳转
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
编写1个JSP页面，在JSP页面中使用Java程序片输出26个小写的英文字母表。
编写1个JSP页面,在JSP页面中使用Java程序片输出26个小写的英文字母表. <%@ page language="java" contentType="tex ...
js关闭当前页面跳转新页面
页面代码: 1 <p class="info"><span style="font-weight: bold">所属项目:</sp ...
jsp超链接中怎么跳转页面跳转_JSP页面跳转方法小结
实现JSP页面跳转,有如下几种方式: n 使用href超链接标记 (客户端跳转) n 使用JavaScript ...
5.21工作记录（修改页面跳转，去掉多余的js；增加图片清除功能）
导出的war包给测试却发现还是以前的效果,虽然代码都没有问题,而且本地我这里是没有任何问题但是改了的东西在那边未生效网上说是因为缓存没清干净,然后我去删了本地的全部代码重新导入删项目重新导的时候发 ...
js如何获取window.location.href跳转后查询字符串的值？
$("#worked_count").parent().attr("onClick","window.location.href='view/warn ...
html页面判断是手机端访问,JS 判断手机端和pc端后跳转对应页面
判断手机端和pc端 (function () { var sUserAgent = navigator.userAgent; if (sUserAgent.indexOf('Android') > ...
js页面跳转和 js打开新窗口方法
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js页面跳转和js打开新窗口
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...

JavaWeb中外部引入的js中涉及到location.href的页面跳转/jsp页面的外部js文件引入

1、直接引用：

2、通过EL表达式引入：

3、通过java引入：

JavaWeb中外部引入的js中涉及到location.href的页面跳转/jsp页面的外部js文件引入相关推荐

最新文章

热门文章