不同按钮进入同一个页面显示不同的div

页面一的按钮：

<div  style="padding:10px 0px;"><a href="#/financialStatements?byYear" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">纳税报表</a><a href="#/financialStatements?debet" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">资产负债表</a><a href="#/financialStatements?profit" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">利润表</a><a href="#/financialStatements?money" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">现金流量表</a></div>

页面二在加载前进行判断：

    mounted:function(){//url#后面的分段var str = window.location.hash;var list = str.split("#/financialStatements?");if(list.indexOf("byYear")==1){$("#twoYear").hide();$("#threeYear").hide();$("#debet").hide();$("#profit").hide();$("#money").hide();}else if(list.indexOf("debet")==1){$("#byYear").hide();$("#profit").hide();$("#money").hide();}else if(list.indexOf("profit")==1){$("#byYear").hide();$("#debet").hide();$("#money").hide();}else if(list.indexOf("money")==1){$("#byYear").hide();$("#debet").hide();$("#profit").hide();}       }

window.location.hash;//这个会获得href中#后面的字段，然后可以通过参数的不同，进行div的隐藏和显示，

这里使用的jquery的$("#twoYear").hide();和$("#threeYear").show();

这里使用的是vue的mounted,需要先加载页面再进行function;

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作.

不同按钮进入同一个页面显示不同的div相关推荐

JSPX不同按钮调用同一个页面
在网页的页面上有时回存在几个不同的按钮,他们要调用到同一个页面来显示,那么我们应该怎么区分他们呢,又怎么根据不同需要作出不同的反应呢. 下面一个是最近遇到的问题. 同样是调用同一个页面为什么点击edi ...
同一个页面显示多个html界面,浏览器怎么设置在同一个界面/窗口打开多个网页...
有很多用户在使用浏览器的时候会使用浏览器打开多个页面进行使用,然后就会发现有很多个窗口,这样用户使用起来就会很不方便,很多电脑位置都会被占据,也容易关错窗口,对于用户的使用来说非常的不方便,那么用户在 ...
在同一页面显示多个JavaScript统计图表
最近我接到一个开发任务,要求就"售后服务客户满意度调查问卷表"里客户填写的反馈答案做一个统计. 问题的例子如下: 您最后一次是何时购买了我们的产品? 服务人员服务态度是否友好.工作 ...
jsf如何通过按钮切换在同一个页面上的非公共部分显示不同的内容
2019独角兽企业重金招聘Python工程师标准>>> 在jsf中,同一个页面上有公有的内容,也有非公有的内容,通过一个按钮进行切换来显示不同的内容(通过ajax实现): 前台 ...
asp.net mvc jqgrid 同一个页面查询不同的表，jqgrid显示不同表的表头和数据并且分页...
基于我上一篇文章<a href="http://www.cnblogs.com/alasai/p/4765756.html">asp.net mvc excel导入&l ...
php只显示一部分文章,typecho同一个页面下调用不同分类的文章但是却只显示一个分类文章...
typecho同一个页面下调用不同分类的文章但是却只显示一个分类文章作者:佚名来源:爱好者时间:2018-04-30 问题描述: 同页面调用分类下文章,只显示一第一个分类下的文章在一个页面中, ...
用户输入自己的【姓名年龄爱好】 + 加CP【姓名年龄爱好】，点击按钮，页面显示该用户的信息点击提交按钮，JSON显示用户信息+副本信息（副本初始值是{}）
本文主要是利用了BOM.DOM和json/js数据的转换等知识来综合操练的一个小例子例子如下: 用户输入自己的[姓名年龄爱好] + 加CP[姓名年龄爱好],点击按钮,页面显示该用户的信息点 ...
Vue-Video-player多rtmp视频流显示在同一个页面+流媒体服务器部署
上个月弄一个监控视频项目,需要将多个视频流显示在同一个页面,并且做切换. 注意:东西有点多,加上我写得也比较杂乱,看太快可能会看不懂,建议还是按步骤试一遍,加强记忆用Vue-video-player ...
html页面按钮隐藏div显示,javascript 控制 DIV等html元素的显示和隐藏
1.编写 js函数 function display(id){ var traget=document.getElementById(id); if(traget.style.display==&qu ...

不同按钮进入同一个页面显示不同的div

不同按钮进入同一个页面显示不同的div相关推荐

最新文章

热门文章