效果

实现

jsp页面代码

当前位置：<a href="${ctx}/jsp/front/readOrder.jsp">待合单</a>> <a  onclick="goBack()" class='pointer' >查询</a>> <a  onclick="goBack2()" class='pointer' >确认合单</a>><span class="c_gray_999">打印</span>

方式1：

直接通过将标签a的href属性写死，这就属于纯通过超链接跳转，此时页面不需要回传数据，只是简单的跳转页面。

方式2：

点击查询时，执行方法goBack()。代码如下

function goBack(){window.location.href ="${ctx}/jsp/front/swichOrder.jsp?paramDate="+backDay;};

这种方式也是通过给a标签的href属性赋值，不过就是a的href属性为动态赋值的不是写死的。

这样导航过去时，url与过来时一致，所以会保留比如日期选择插件的数据。

注意：

这种要获取当前url中的参数，即追加的backDay参数。

首先

var backDay;

然后在页面加载完之后就获取当前请求的url中追加的参数

$(function(){var a=GetRequest();backDay=a['deliverDay'];})

通过GetRequestt()方法获取。

function GetRequest() {var url = location.search; //获取url中"?"符后的字串var theRequest = new Object();if (url.indexOf("?") != -1) {var str = url.substr(1);strs = str.split("&");for (var i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);}}return theRequest;};

方式三：

如果当前请求的url追加的参数比较多，可以通过最简单的返回上一页的方法来实现。

history.back(-1)

会返回当前页的上一页并重新加载页面

history.go(-1)

会返回当前页的上一页，保留原有数据

比如这里的goBack2()

 function goBack2(){history.go(-1)};

jsp中通过多种方式实现面包屑导航相关推荐

面包屑导航：最佳做法和示例
面包屑导航通常在设计和开发过程中被忽略. 有些人可能认为它是不必要的,而另一些人可能觉得它的价值太大了. 事实是,面包屑导航将显着提高网站的可用性. 面包屑为用户提供了另一种导航方法,使他们可以看到他 ...
Vue + ElementUI 动态生成面包屑导航教程
在Web应用程序中,面包屑导航是一种常用的导航方式,它可以帮助用户更好地理解当前页面的位置和层次关系.在Vue项目中,结合ElementUI组件库,我们可以很容易地实现一个动态生成面包屑导航的功能.本 ...
bootstrap中分页、面包屑导航、列表组、卡片、下拉菜单、折叠
分页: 分页功能是当遇到数据很多时,如果都放到一个页面上,那么找起来很不方便,而且不利于性能.此时采用分页功能就能很好的优化用户体验,可是如果自己开发分页功能,那么就会影响开发效率,bootstrap ...
css面包屑导航_在CSS3中编写优美的面包屑导航菜单
本文是我们的" HTML5 / CSS3教程系列"的一部分 -致力于帮助您成为更好的设计师和/或开发人员. 单击此处查看同一系列的更多文章. 导航菜单和链接可能是Web布局中最重要 ...
帝国cms面包屑导航修改方式大合集
为了获得更好的收录效果与排名,面包屑导航也成为了我们的一个优化点.但面包屑导航要如何优化呢? 可以优化的方面包括: 面包屑导航newsnav默认效果面包屑导航newsnav标签修改面包屑导航new ...
react实现汉堡_利用 React 高阶组件实现一个面包屑导航
什么是 React 高阶组件 React 高阶组件就是以高阶函数的方式包裹需要修饰的 React 组件,并返回处理完成后的 React 组件.React 高阶组件在 React 生态中使用的非常频繁, ...
Laravel Breadcrumbs 自动面包屑导航
说明 laravel-breadcrumbs 可为你的 Laravel 项目快速定制拥有 Bootstrap 风格的面包屑导航. 本文章由 The EST Group 成员 @Kelvin 撰写, 首 ...
Bootstrap 面包屑导航
面包屑导航面包屑导航(Bread Crumbs Navigation)是一种辅助和补充的导航方式,非常适合展示站点的层级关系,能帮助用户明确当前所处的位置,并方便地提供返回的路径. Bootstra ...
南山谷主：面包屑导航是什么意思？对SEO有何作用？
面包屑导航是什么意思面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过 ...

jsp中通过多种方式实现面包屑导航

效果

实现

jsp页面代码

jsp中通过多种方式实现面包屑导航相关推荐

最新文章

热门文章