今天为一个菜单的事郁闷了半天,问题是页面主菜单的每一项对应一个二级菜单,要求点击每一项后跳到相应的页面并且显示当前板块的二级菜单,整了半天没弄出来后来网上搜了一下相关资料最后整出来了。
说一下思路:写一个方法要在页面加载时调用,通过页面传参,判断参数值在将对应的二级菜单显示出来就ok了。
脚本传参:<a href='javascript:window.location="要跳转的页面url?id="+参数值'>链接</a>
获取传来的参数:
var SubMenmu=$("div>.Top_Bar");
var url=window.location.href;
var index=url.indexOf("=")+1
var canshu=url.substring(index,index+1)
switch(canshu)
{
case "1":
SubMenmu.eq(0).show().siblings().hide();
break;
case "2":
SubMenmu.eq(1).show().siblings().hide(); break;
case "3":
SubMenmu.eq(2).show().siblings().hide();
break;
case "4": SubMenmu.eq(3).show().siblings().hide();
break;
case "5":
SubMenmu.eq(4).show().siblings().hide();
break;
case "6":
SubMenmu.eq(5).show().siblings().hide(); break;
case "7":
SubMenmu.eq(6).show().siblings().hide();
break;
case "8":
SubMenmu.eq(7).show().siblings().hide();
break;
case "9":
SubMenmu.eq(8).show().siblings().hide();
break;}
分享到:
相关推荐
本教程将详细讲解如何利用PyQt5实现工具栏(ToolBar)来打开新的页面,并在页面之间传递参数。 首先,我们需要了解PyQt5的基础结构。PyQt5是Qt库的Python绑定,它提供了一系列的类和函数,用于构建用户界面。核心...
1. **父页面到子页面传参**: 这种情况通常发生在弹出窗口或者iframe中加载子页面时。我们可以通过URL查询字符串或者`window.open()`函数的第二个参数来传递数据。 - **URL查询字符串**:在子页面URL后添加`?key=...
在这个场景中,我们关注的是如何使用Spring Security实现登录验证以及在登录过程中传递参数,特别是记录并返回用户登录前的页面。我们将深入探讨这个过程,并结合MySQL数据库的使用。 首先,让我们了解Spring ...
### 关于JSP页面间的传参问题 #### JSP页面间传值方法概述 在进行Web开发时,尤其是在使用Java Server Pages(JSP)技术的过程中,页面间的参数传递是一项非常重要的技能。它不仅涉及到基本的HTML知识,还涉及到...
通过这种方式,A页面可以弹出B页面,B页面在关闭时将数据回传给A页面,实现了跨页面的数据交互。这一技术广泛应用于表单确认、用户授权等场景,为Web应用提供了更丰富的用户体验。记住,安全性和用户体验是这类交互...
总的来说,`js实现同源页面参数的传递(jquery.params.js)`这个实例可能是利用jQuery提供的功能,结合URL查询字符串、本地存储等方法,在同源页面之间实现参数的传递。这在需要在多个页面间共享状态或者进行特定...
需要注意的是,为了安全起见,从Android调用H5时应避免执行可能有害的JavaScript代码,因为这可能导致跨站脚本攻击(XSS)。此外,`addJavascriptInterface()`中的方法应该标记为`@JavascriptInterface`,以确保在...
-数据传递:单页面容易,多页面需要依赖url传参,或cookie,localSrorage等 -搜索引擎优化:单页面需要单独方案,实现较为困难,不利于SEO搜索,可利用与SSR优化,多页面实现方法容易 -适用范围:单页面高要求的...
以上就是实现`iframe`父子传参通信的主要方法,包括非跨域和跨域场景。在实际应用中,需要根据具体的需求选择合适的方式,并注意处理可能出现的安全问题。对于跨域通信,还可以考虑使用CORS(跨源资源共享)或者...
这个JS库基于jquery框架,所以在使用过程中需要注意是否与页面中其他的jquery脚本冲突。如果页面已经使用了jquery,为了避免冲突,建议不引入finereport.js,而是直接将cjkEncode的实现代码复制到页面中的head部分...
这种技术常用于加载外部页面、实现页面分块或者在不刷新整个页面的情况下更新部分内容。然而,由于`iframe`本质上是独立的窗口,因此在不同`iframe`之间传递数据可能会遇到跨域问题。本篇文章将详细介绍如何使用...
Flex是一款基于Adobe Flash Player的开发框架,主要用于创建交互式的、动态的网页内容,而JavaScript则是网页端脚本语言,负责处理页面上的动态效果和用户交互。两者之间的互操作性使得开发者能够充分利用Flex的图形...
JavaScript(JS)是一种广泛用于网页和网络应用的脚本语言,尤其在前端开发中起着至关重要的作用。本文将深入探讨JS如何传递参数以及如何动态地修改页面布局。 首先,让我们了解一下JS传参。在JavaScript中,函数...
通过在服务器端执行脚本,ASP能够实现以下关键功能: 1. **处理表格输入**:能够接收并处理由用户通过Web表单提交的数据,使得动态网页可以响应用户输入,实现个性化和交互性。 2. **数据库操作**:提供了与服务器...
- **编程式导航**:通过调用小程序提供的API实现页面跳转,如`wx.switchTab()`和`wx.navigateTo()`,分别用于跳转到tabBar页面和非tabBar页面。 2. 导航传参 - **声明式导航传参**:在`<navigator>`组件的`params...
JS文件传参是一种在客户端编程中常见的需求,即通过JavaScript文件的引用路径附加参数,并在文件内部获取这些参数以实现不同的逻辑处理。 ### JS文件传参的思路 首先,我们需要了解如何通过JavaScript获取当前文件...
本文重点介绍的就是这种方式之一:利用`Page.RegisterStartupScript`注册客户端脚本来实现页面传值。 #### 三、具体实现步骤 假设我们有两个页面:`webform1.aspx`作为主页面,`webform2.aspx`作为弹出模式的子...
而设置ObjectForScripting属性,使WinForms中的实例作为Scripting Object暴露给WebBrowser中的脚本,允许JavaScript通过window.external访问WinForms中的公共方法。 总结以上内容,C# WinForms和JavaScript互相调用...
2、传统数据传递实现步骤 3、FragmentA 完整代码示例 4、FragmentB 完整代码示例 5、执行结果 2、使用 Bundle 传递数据安全性差 二、页面跳转间的传统的数据传递方式 1、导入插件依赖 2、使用插件 3、在 navigation_...
通过$(document).ready()函数,我们可以确保DOM文档完全加载完成后,再执行JQuery脚本。 接下来,我们关注到代码中的核心部分:$('#mySelect').change(function(){...})。这段代码的作用是为id为mySelect的select...