`
wlhx
  • 浏览: 36557 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

脚本实现页面传参

阅读更多
今天为一个菜单的事郁闷了半天,问题是页面主菜单的每一项对应一个二级菜单,要求点击每一项后跳到相应的页面并且显示当前板块的二级菜单,整了半天没弄出来后来网上搜了一下相关资料最后整出来了。
说一下思路:写一个方法要在页面加载时调用,通过页面传参,判断参数值在将对应的二级菜单显示出来就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;}	 
分享到:
评论
1 楼 刘海明 2011-09-30  
不知所云……

相关推荐

    基于PyQt5实现工具栏打开页面及页面传参功能

    本教程将详细讲解如何利用PyQt5实现工具栏(ToolBar)来打开新的页面,并在页面之间传递参数。 首先,我们需要了解PyQt5的基础结构。PyQt5是Qt库的Python绑定,它提供了一系列的类和函数,用于构建用户界面。核心...

    javascript父子页面传参

    1. **父页面到子页面传参**: 这种情况通常发生在弹出窗口或者iframe中加载子页面时。我们可以通过URL查询字符串或者`window.open()`函数的第二个参数来传递数据。 - **URL查询字符串**:在子页面URL后添加`?key=...

    springSecurity 实现传参

    在这个场景中,我们关注的是如何使用Spring Security实现登录验证以及在登录过程中传递参数,特别是记录并返回用户登录前的页面。我们将深入探讨这个过程,并结合MySQL数据库的使用。 首先,让我们了解Spring ...

    关于JSP页面间的传参问题

    ### 关于JSP页面间的传参问题 #### JSP页面间传值方法概述 在进行Web开发时,尤其是在使用Java Server Pages(JSP)技术的过程中,页面间的参数传递是一项非常重要的技能。它不仅涉及到基本的HTML知识,还涉及到...

    接收弹出页面的回传值

    通过这种方式,A页面可以弹出B页面,B页面在关闭时将数据回传给A页面,实现了跨页面的数据交互。这一技术广泛应用于表单确认、用户授权等场景,为Web应用提供了更丰富的用户体验。记住,安全性和用户体验是这类交互...

    js实现同源页面参数的传递(jquery.params.js)

    总的来说,`js实现同源页面参数的传递(jquery.params.js)`这个实例可能是利用jQuery提供的功能,结合URL查询字符串、本地存储等方法,在同源页面之间实现参数的传递。这在需要在多个页面间共享状态或者进行特定...

    android与H5交互传参

    需要注意的是,为了安全起见,从Android调用H5时应避免执行可能有害的JavaScript代码,因为这可能导致跨站脚本攻击(XSS)。此外,`addJavascriptInterface()`中的方法应该标记为`@JavascriptInterface`,以确保在...

    单页面和多页面开发及应用

    -数据传递:单页面容易,多页面需要依赖url传参,或cookie,localSrorage等 -搜索引擎优化:单页面需要单独方案,实现较为困难,不利于SEO搜索,可利用与SSR优化,多页面实现方法容易 -适用范围:单页面高要求的...

    如何实现iframe父子传参通信

    以上就是实现`iframe`父子传参通信的主要方法,包括非跨域和跨域场景。在实际应用中,需要根据具体的需求选择合适的方式,并注意处理可能出现的安全问题。对于跨域通信,还可以考虑使用CORS(跨源资源共享)或者...

    Web报表FineReport页面如何传递中文参数

    这个JS库基于jquery框架,所以在使用过程中需要注意是否与页面中其他的jquery脚本冲突。如果页面已经使用了jquery,为了避免冲突,建议不引入finereport.js,而是直接将cjkEncode的实现代码复制到页面中的head部分...

    js 实现iframe 之间传值

    这种技术常用于加载外部页面、实现页面分块或者在不刷新整个页面的情况下更新部分内容。然而,由于`iframe`本质上是独立的窗口,因此在不同`iframe`之间传递数据可能会遇到跨域问题。本篇文章将详细介绍如何使用...

    Flex和JS的相互调用,传参

    Flex是一款基于Adobe Flash Player的开发框架,主要用于创建交互式的、动态的网页内容,而JavaScript则是网页端脚本语言,负责处理页面上的动态效果和用户交互。两者之间的互操作性使得开发者能够充分利用Flex的图形...

    JS传参及动态修改页面布局

    JavaScript(JS)是一种广泛用于网页和网络应用的脚本语言,尤其在前端开发中起着至关重要的作用。本文将深入探讨JS如何传递参数以及如何动态地修改页面布局。 首先,让我们了解一下JS传参。在JavaScript中,函数...

    利用ASP实现JAVA动态参数的传递

    通过在服务器端执行脚本,ASP能够实现以下关键功能: 1. **处理表格输入**:能够接收并处理由用户通过Web表单提交的数据,使得动态网页可以响应用户输入,实现个性化和交互性。 2. **数据库操作**:提供了与服务器...

    微信小程序开发入门与实战

    - **编程式导航**:通过调用小程序提供的API实现页面跳转,如`wx.switchTab()`和`wx.navigateTo()`,分别用于跳转到tabBar页面和非tabBar页面。 2. 导航传参 - **声明式导航传参**:在`&lt;navigator&gt;`组件的`params...

    JS 文件传参及处理技巧分析

    JS文件传参是一种在客户端编程中常见的需求,即通过JavaScript文件的引用路径附加参数,并在文件内部获取这些参数以实现不同的逻辑处理。 ### JS文件传参的思路 首先,我们需要了解如何通过JavaScript获取当前文件...

    Asp.Net从零开始30(页面传值2)

    本文重点介绍的就是这种方式之一:利用`Page.RegisterStartupScript`注册客户端脚本来实现页面传值。 #### 三、具体实现步骤 假设我们有两个页面:`webform1.aspx`作为主页面,`webform2.aspx`作为弹出模式的子...

    浅谈C#下winform和JS的互相调用和传参(webbrowser)

    而设置ObjectForScripting属性,使WinForms中的实例作为Scripting Object暴露给WebBrowser中的脚本,允许JavaScript通过window.external访问WinForms中的公共方法。 总结以上内容,C# WinForms和JavaScript互相调用...

    JetpackNavigation 导航组件 ④ ( Fragment 跳转中使用 safe args 安全传递参数 )

    2、传统数据传递实现步骤 3、FragmentA 完整代码示例 4、FragmentB 完整代码示例 5、执行结果 2、使用 Bundle 传递数据安全性差 二、页面跳转间的传统的数据传递方式 1、导入插件依赖 2、使用插件 3、在 navigation_...

    JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

    通过$(document).ready()函数,我们可以确保DOM文档完全加载完成后,再执行JQuery脚本。 接下来,我们关注到代码中的核心部分:$('#mySelect').change(function(){...})。这段代码的作用是为id为mySelect的select...

Global site tag (gtag.js) - Google Analytics