jsp界面的继承与否剖析

引入页面时候
${pageContext.request.contextPath}为页面上下文路径;也可以用js来实现;
<script type="text/javascript"
    src="${pageContext.request.contextPath}/js/student_evaluation/studentInfo.js"></script>

相当于:

<script type="text/javascript" id="studentInfoJS"></script>
<script type="text/javascript">
    document.getElementById(‘studentInfoJS‘).src = basePath
            + ‘js/student_evaluation/studentInfo.js‘;
</script>

 

基础页面可以写成如下的代码;

 var basePath = "<%= basePath%>"; 实现全局路径变量,不过${pageContext.request.contextPath}完全可以代替了; 

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html>
<script type="text/javascript">
var basePath = "<%= basePath%>";
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生成绩信息</title>
<link rel="stylesheet" type="text/css"
href="<%=basePath%>jquery/jquery.bsgrid-1.37/builds/merged/bsgrid.all.min.css">
<script type="text/javascript"
src="<%=basePath%>jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript"
src="<%=basePath%>jquery/jquery.bsgrid-1.37/builds/js/lang/grid.zh-CN.min.js"></script>
<script type="text/javascript"
src="<%=basePath%>jquery/jquery.bsgrid-1.37/builds/merged/bsgrid.all.min.js"></script>
<script type="text/javascript" src="<%=basePath%>jquery/jquery.bsgrid-1.37/builds/js/util.min.js"></script>
</head>
<body>

</body>
</html>

通过以下语句引入:

<jsp:include page="/view/base.jsp" flush="true" />

关键时刻还是要用这样直观一点:

<script type="text/javascript">
    var pp = "${pageContext.request.contextPath}";
    alert(pp);
</script>

但是引入的js文件里面这样是取不到值的,所以继承还是有必要的。

好了,先写到这里吧,有啥疑问在沟通啊!

				
时间: 2024-08-02 06:55:39

jsp界面的继承与否剖析的相关文章

JSP界面引用百度地图获取坐标

需求: 需要在JSP界面上引用百度地图,文本框中输入地址之后,自动拿到在百度地图上的经纬度 解决步骤: 1.引入百度地图api: head中进行引用<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> 1.3以上版本需要key,有点麻烦 2.html body内部定义容器来放置地图: <div id="containe

jsp界面中使用a标签进行删除请求时候弹出框确认

1.初学ssh框架,在jsp界面中对某一对象的修改/删除,使用了a标签进行请求的跳转,但是删除操作需要用户在删除之前,进行再次确认,以防止误删数据. 2.jsp中的a标签书写方法, <a href="javascript:void(0)"   onclick="confirmDel(<s:property value="#number.computerID" />)">删除</a> 3.还需要在jsp界面加上该

jsp界面form表单通过定位失败问题

问题:在博主写jsp界面是遇到了一个提交问题,那就是在form表单通过button按钮的onclick事件提交时,无论如何都会返回一个请求.所以focus定位一直有问题,每次在定位之后都会重新刷新界面 (简言之:就是form表单中的属性,button按钮也会自动提交数据): 代码如下: <form id="register"> <div><label>手机号    :</label><span><input type=&

WdatePicker时间插件 有百度云下载 jsp界面选择时间的简单方法

链接:https://pan.baidu.com/s/1XCod602gCMv-qMQ4fMOLbg 提取码:ok8i 复制这段内容后打开百度网盘手机App,操作更方便哦 把东西复制到项目.导入js jsp界面代码 运行可以看到效果 原文地址:https://www.cnblogs.com/syfy/p/10852340.html

两个jsp界面之间使用window.location.href使用?传递参数以及接受参数

这篇文章如果能给你带来帮助,不胜荣幸,如果有不对的地方也欢迎批评指正. 网上有很多方法是讲怎么截取字符串啊等等的方法来获取参数,说实话,看着我就觉得费劲,咱们可以换一种思路来思考.一般跳转界面多为前段使用ajax请求完成之后 在回调方法里面跳转的界面,在使用拼接字符串的形式传递参数 第一点传递参数的时候如果你是在jsp界面href写上=的话如: window.location.href="*******.jsp?cid="+cid;这样可能另一个界面接收不到参数 ,具体原因我也不知道.

开发路程(26):CSS继承—深入剖析

CSS的继承是指被包在内部的标签将拥有外部标签的样式性质.继承特性最典型的应用通常发挥在整个网页的样式预设,即整体布局声明.而需要要指定为其它样式的部份设定在个别元素里即可达到效果.这项特性可以给网页设计者提供更理想的发挥空间.但同时继承也有很多规则,应用的时候容易让人迷惑. CSS允许我们为文档设置更为丰富且便于修改的外观.我们现在主要想和朋友们一起对CSS的继承性进行一点深入的探讨. CSS的一个主要特征就是继承,它是依赖于祖先—后代的关系的.继承是一种机制,它允许样式不仅可以应用于某个特定

eclispe的配置和进行jsp界面的建立(不包含后台部分)

一.配置Tomcat 打开eclispe,选择左上角Windows,点击Perferences,搜索server,选择Runtime Environment 点击Add,选择你安装的Tomcat版本 点击next,记得勾选下面的Create a new local server ,当然如果已经有了server就不用了 选择Tomcat所在的路径进行配置,注意要到真正的路径,如果报错,可能是路径未选择到有效路径下. 进行jre的配置,配置完成,点击finish,apply and close. 双

sring mvc 返回值至jsp界面的几种方式

Spring 通过Controller 向 View 传值的方法有以下四种 HttpServletRequest ModelAndView Map<String, Object> map Model model 第一种 需要参数HttpServletRequest 返回值是jsp页面 @RequestMapping("/query1.do") public String queryUser1(HttpServletRequest request){ String name

链接传参,一个个jsp界面传参另一个jsp界面接收

cccc.jsp     Title ()确定     () {         = ().();         ();         ..=+;         } bbbb.jsp     Title      ()查看参数     (){         = ;         ();     }