静态页面js传参

js在静态页面传参，主要就是怎么在目的页面获取到相应的参数，这里通过一个小例子，演示一下参数传递的方法。

实例描述：比如有两个页面，分别叫a.html和b.html。b.html页面中有一个tab选项卡菜单，分别是“手机数码”、“电脑”、“家用电器”。这里要实现的是，怎么从a.html页面，连接到b.html中不同的选项卡中不同的项。比如点击a页面的电脑，连接到到b页面的第二个选项卡。

主要用到的是JavaScript substring()方法

语法

stringObject.substring(start,stop)

获取参数的javascript代码如下:

1
2
3
4
5
6
7
8
9

(function(){
	var hf = window.location.href;
	var index = hf.substring(hf.lastIndexOf('=')+1,hf.length);
	function showtab(index){
		$("#"+index).addClass("hover").siblings().removeClass("hover");
		$("."+index).show().siblings().hide();
	}
	window.load = showtab(index);
})();

猛击下边几个链接看看是不是成功了

手机数码
电脑
家用电器

项目应用实例：《神魔大陆》-克兰蒙多生活指南

链接地址：http://event51.wanmei.com/shenmo/201008/life/

相关博文

• 由页面开关灯效果引起的跨iframe操作dom的思考
• 最简单的代码实现Tab
• 网页浮动工具条
• 如何制作一个漂亮的 CSS 按钮
• 仿校内textarea输入框字数限制效果

相关日志

• 微博
• 由页面开关灯效果引起的跨iframe操作dom的思考 (2)
• 静态页面js传参 (4)
• 浏览器兼容手册[总结] (2)
• 仿校内textarea输入框字数限制效果 (1)
• jQuery滑动导航菜单 (3)
• 网页浮动工具条
• 最简单的代码实现Tab (3)
• 详解：JavaScript数据类型[转] (3)
• jQuery1.4官方文档中文版[转]