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>
分享到:
相关推荐
此外, SpryTabbedPanels.js 文件中的JavaScript代码会自动处理点击事件,根据用户选择切换选项卡内容的显示。 Spry 框架的一大优点是其数据绑定功能。如果你的数据源是动态的,可以通过 Spry Data 来绑定数据集,...
2. **Spry Widgets**: 这些是预构建的用户界面组件,如下拉菜单、 accordions(折叠面板)、tabs(选项卡)、树视图等。它们为开发者提供了一套现成的、交互性强的UI元素,只需简单配置就能使用。 3. **Spry ...
- **Spry 选项卡式面板**:这种面板允许用户将内容组织成多个选项卡,访问者可以通过点击不同选项卡查看不同的内容,从而节省网页空间并提高用户体验。 - **Spry 可折叠面板**:这种面板可以折叠起来,节省页面...
Spry 是 Adobe 提供的一种JavaScript框架,用于简化动态网页元素的创建,尤其是对于初学者来说,它提供了易于使用的界面和组件。 在教学目标方面,课程旨在让学生: 1. 掌握 Spry 菜单栏控件的使用,能够创建导航条...
Spry框架提供了多种预设好的构件,例如折叠构件(Accordion)、菜单栏(MenuBar)、选项卡(Tabs)等,这些构件都遵循一致的设计原则,即简洁明了的HTML结构搭配灵活的JavaScript行为和丰富的CSS样式。 #### 三、...
Spry是Adobe推出的一个JavaScript库,旨在简化Web开发中的动态交互和数据处理,使得即使对于JavaScript不熟练的开发者也能轻松实现动态效果。 在Spry分页中,XML文件作为数据源,存储了需要分页显示的内容。XML是一...
4. ** Spry组件**:包括 accordions(手风琴效果)、tabs(选项卡)、treeviews(树形视图)等,这些都是预定义的JavaScript对象,可以方便地插入到网页中,为用户提供直观的交互体验。 5. ** Spry Effects**:提供...
CSS教程12.3 借助于Spry实现Tab面板.CHM
通过 Spry 构件,你可以轻松添加诸如菜单栏、选项卡面板、折叠式面板等动态元素,而无需编写复杂的JavaScript代码。这极大地简化了网页开发过程,尤其是对于那些不熟悉编程的设计师来说。Spry的功能包括: 1. Spry...
Spry是Adobe Dreamweaver中的一种JavaScript库,用于在网页上实现动态用户界面元素和数据验证功能。在本文中,我们将深入探讨如何使用Spry来验证用户输入的两次密码是否一致,确保用户在注册或更改密码时输入的密码...
首先,我们了解了如何添加 Spry 选项卡面板。在创建网页时,需要在"插入"浮动面板的"Spry"分类中点击"Spry 选项卡式面板"按钮。此操作会自动生成相关的JavaScript和CSS文件,以支持 Spry 验证和动态效果的运行。 ...
轻快不推荐使用该项目不再维护,并且处于已... 要在页面上使用Spry,只需包含包含所需Spry功能JavaScript库,在页面上使用这些功能,然后将该JavaScript文件与页面一起部署到您的网站。 Spry包含三个部分:Spry数据,
Spry 1.5 是一个基于JavaScript的开源Ajax框架,主要设计用于简化Web开发中的动态数据交互和富互联网应用程序(RIA)的构建。这个框架在Dreamweaver CS3中被广泛使用,为非专业程序员提供了易用的工具,使得他们也能...
在Dreamweaver CS6中,Spry菜单栏Widget是一种强大的工具,用于创建直观且易于使用的网站导航。这个Widget由HTML的`<ul>`和`<li>`标签构建,当用户将鼠标悬停在菜单按钮上时,它会展示下拉的子菜单,提供丰富的导航...
Adobe公司出品的spry框架 动态数据集很好用阿
1. **增强的用户界面组件**:Spry提供了多种预定义的UI组件,如折叠面板(Accordion)、选项卡面板(Tab Panels)、可折叠面板(Fold Accordion)、下拉菜单(Drop Down Menu)等,这些组件能够帮助开发者快速构建美观且功能...
3. **行为(Behaviors)**:SPRY的行为是一系列预定义的JavaScript函数,用于添加交互性。比如,可以使用"Accordion"行为创建折叠面板,"Select"行为实现下拉选择等。 4. **效果(Effects)**:SPRY还提供了一些...
Spry是Adobe公司推出的一个JavaScript框架,它提供了一种简单的方式来处理和显示XML数据,使得非专业程序员也能轻松操作XML。本文将深入探讨如何使用Spry框架解析XML文件。 首先,我们需要了解XML的基本结构。XML...
在 Web 开发中,用户常常在页面内直接编写 JavaScript 脚本,有时甚至把 JavaScript 函数以属性事件的形式绑到标签中,这样做不符合标准设计的规范(即倡导结构、表现和逻辑的分离),同时也不便于JavaScript 脚本...
Buffalo是一个用于实现Ajax模式和Web服务调用的框架,它极大地简化了JavaScript与服务器端的交互过程。Buffalo的主要特点是Buffalo Binding,这是一种自动将JavaScript变量与HTML元素属性同步的机制,使得状态更新变...