`

Spry选项卡,iframe子页面调用父页面js函数,JS获取url参数

 
阅读更多
SpryTabbedPanels的默认选中标签页:
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",{defaultTab:0});
在函数Spry.Widget.TabbedPanels多加参数{defaultTab:0},0是第一个Tab,可以使1,2,3,如果你有那么多Tab的话




===============
iframe的子页面调用父页面的js函数:
父页面函数: function Refresh(pra) {}
子页面调用:function aaa(a){
  if (window.parent != null) { // open in iframe
                window.parent.Refresh(a);//Refresh是父页面函数名,a是参数
            }
  }
子页面执行aaa(a)函数就是执行了父页面的Refresh(a)函数





=======
js获取url参数
分解连接的方式
<script type="text/javascript">
<!--
// 说明:Javascript 获取链接(url)参数的方法
// 整理:http://www.CodeBit.cn

function getQueryString(name)
{
    // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空
    if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)
    {
        return '';
    }

    // 获取链接中参数部分
    var queryString = location.href.substring(location.href.indexOf("?")+1);

    // 分离参数对 ?key=value&key2=value2
    var parameters = queryString.split("&");

    var pos, paraName, paraValue;
    for(var i=0; i<parameters.length; i++)
    {
        // 获取等号位置
        pos = parameters[i].indexOf('=');
        if(pos == -1) { continue; }

        // 获取name 和 value
        paraName = parameters[i].substring(0, pos);
        paraValue = parameters[i].substring(pos + 1);

        // 如果查询的name等于当前name,就返回当前值,同时,将链接中的+号还原成空格
        if(paraName == name)
        {
            return unescape(paraValue.replace(/\+/g, " "));
        }
    }
    return '';
};

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryString('test'));
//-->
</script>
用正则匹配的方式:

<script type="text/javascript">
<!--
function getQueryStringRegExp(name)
{
    var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); 
    if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
};

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryStringRegExp('test'));
//-->
</script>
分享到:
评论

相关推荐

    网页中选项卡样式 基于Adobe Spry 源码

    此外, SpryTabbedPanels.js 文件中的JavaScript代码会自动处理点击事件,根据用户选择切换选项卡内容的显示。 Spry 框架的一大优点是其数据绑定功能。如果你的数据源是动态的,可以通过 Spry Data 来绑定数据集,...

    javascript库spry1.6

    2. **Spry Widgets**: 这些是预构建的用户界面组件,如下拉菜单、 accordions(折叠面板)、tabs(选项卡)、树视图等。它们为开发者提供了一套现成的、交互性强的UI元素,只需简单配置就能使用。 3. **Spry ...

    Dreamweaver CS6使用Spry面板.pdf

    - **Spry 选项卡式面板**:这种面板允许用户将内容组织成多个选项卡,访问者可以通过点击不同选项卡查看不同的内容,从而节省网页空间并提高用户体验。 - **Spry 可折叠面板**:这种面板可以折叠起来,节省页面...

    Spry控件公开课教案模板

    Spry 是 Adobe 提供的一种JavaScript框架,用于简化动态网页元素的创建,尤其是对于初学者来说,它提供了易于使用的界面和组件。 在教学目标方面,课程旨在让学生: 1. 掌握 Spry 菜单栏控件的使用,能够创建导航条...

    spry框架教程

    Spry框架提供了多种预设好的构件,例如折叠构件(Accordion)、菜单栏(MenuBar)、选项卡(Tabs)等,这些构件都遵循一致的设计原则,即简洁明了的HTML结构搭配灵活的JavaScript行为和丰富的CSS样式。 #### 三、...

    spry分页

    Spry是Adobe推出的一个JavaScript库,旨在简化Web开发中的动态交互和数据处理,使得即使对于JavaScript不熟练的开发者也能轻松实现动态效果。 在Spry分页中,XML文件作为数据源,存储了需要分页显示的内容。XML是一...

    spry-中文文当及相应类库

    4. ** Spry组件**:包括 accordions(手风琴效果)、tabs(选项卡)、treeviews(树形视图)等,这些都是预定义的JavaScript对象,可以方便地插入到网页中,为用户提供直观的交互体验。 5. ** Spry Effects**:提供...

    CSS教程12.3 借助于Spry实现Tab面板.CHM

    CSS教程12.3 借助于Spry实现Tab面板.CHM

    DreamweaverCS5网页制作自学教程第11课:DIV层布局与Spry构件3.pdf

    通过 Spry 构件,你可以轻松添加诸如菜单栏、选项卡面板、折叠式面板等动态元素,而无需编写复杂的JavaScript代码。这极大地简化了网页开发过程,尤其是对于那些不熟悉编程的设计师来说。Spry的功能包括: 1. Spry...

    用spry验证两次密码正确.asp

    Spry是Adobe Dreamweaver中的一种JavaScript库,用于在网页上实现动态用户界面元素和数据验证功能。在本文中,我们将深入探讨如何使用Spry来验证用户输入的两次密码是否一致,确保用户在注册或更改密码时输入的密码...

    Dreamweaver CS6使用行为和Spry面板综合实践2.pdf

    首先,我们了解了如何添加 Spry 选项卡面板。在创建网页时,需要在"插入"浮动面板的"Spry"分类中点击"Spry 选项卡式面板"按钮。此操作会自动生成相关的JavaScript和CSS文件,以支持 Spry 验证和动态效果的运行。 ...

    Spry:Spry是基于JavaScript的框架,可以快速开发Ajax驱动的网页

    轻快不推荐使用该项目不再维护,并且处于已... 要在页面上使用Spry,只需包含包含所需Spry功能JavaScript库,在页面上使用这些功能,然后将该JavaScript文件与页面一起部署到您的网站。 Spry包含三个部分:Spry数据,

    spry 1.5

    Spry 1.5 是一个基于JavaScript的开源Ajax框架,主要设计用于简化Web开发中的动态数据交互和富互联网应用程序(RIA)的构建。这个框架在Dreamweaver CS3中被广泛使用,为非专业程序员提供了易用的工具,使得他们也能...

    Dreamweaver CS6认识Spry菜单栏Widget.pdf

    在Dreamweaver CS6中,Spry菜单栏Widget是一种强大的工具,用于创建直观且易于使用的网站导航。这个Widget由HTML的`&lt;ul&gt;`和`&lt;li&gt;`标签构建,当用户将鼠标悬停在菜单按钮上时,它会展示下拉的子菜单,提供丰富的导航...

    adobe公司出品的spry

    Adobe公司出品的spry框架 动态数据集很好用阿

    Dreamweaver Spry Help/En

    1. **增强的用户界面组件**:Spry提供了多种预定义的UI组件,如折叠面板(Accordion)、选项卡面板(Tab Panels)、可折叠面板(Fold Accordion)、下拉菜单(Drop Down Menu)等,这些组件能够帮助开发者快速构建美观且功能...

    SPRY应用下载

    3. **行为(Behaviors)**:SPRY的行为是一系列预定义的JavaScript函数,用于添加交互性。比如,可以使用"Accordion"行为创建折叠面板,"Select"行为实现下拉选择等。 4. **效果(Effects)**:SPRY还提供了一些...

    spry解析xml文件

    Spry是Adobe公司推出的一个JavaScript框架,它提供了一种简单的方式来处理和显示XML数据,使得非专业程序员也能轻松操作XML。本文将深入探讨如何使用Spry框架解析XML文件。 首先,我们需要了解XML的基本结构。XML...

    Dreamweaver基础教程使用Dreamweaver开发JavaScript脚本.pdf

    在 Web 开发中,用户常常在页面内直接编写 JavaScript 脚本,有时甚至把 JavaScript 函数以属性事件的形式绑到标签中,这样做不符合标准设计的规范(即倡导结构、表现和逻辑的分离),同时也不便于JavaScript 脚本...

    10大js框架 javaScript框架

    Buffalo是一个用于实现Ajax模式和Web服务调用的框架,它极大地简化了JavaScript与服务器端的交互过程。Buffalo的主要特点是Buffalo Binding,这是一种自动将JavaScript变量与HTML元素属性同步的机制,使得状态更新变...

Global site tag (gtag.js) - Google Analytics