一个页面跳转到另一个页面的tab选项卡的指定页上。求帮助！！ 15
我目前用了两种方法还是不行，希望大神能够帮我。1.A.html<ahref="B.html#skip">。B.html内写入<aname="skip"></a>2.ind...
我目前用了两种方法还是不行，希望大神能够帮我。1.A.html<a href="B.html#skip">。B.html内写入 <a name="skip"></a>2.index.html<a target='_blank'>3</a>jsvar config;$('a').click(function() { config = $(this).css('href').substring($(this).css('href').indexof('id=')+1)});1.html获得config
按钮1 是可以实现的， 就是按钮2、3 是不行的。费解！！ 展开
按钮1 是可以实现的， 就是按钮2、3 是不行的。费解！！ 展开
3个回答
展开全部
页面 A
<body>
<a href="选项卡-练习.html?type=1">1111111111</a>
<a href="选项卡-练习.html?type=2">2222222222</a>
<a href="选项卡-练习.html?type=3">3333333333</a>
</body>
页面B
<body>
<div id="box">
<input type="button" name="" value="11111" class="btn">
<input type="button" name="" value="22222">
<input type="button" name="" value="33333">
<div id="box1">
<div id="1" class="box1a">1111111111</div>
<div id="2">222222222222</div>
<div id="3">33333333333333</div>
</div>
</div>
</body>
<script>
// 获取页面 A 访问的 url
var ur =location.href;
// 获取页面 A 访问的 url 的 = 后面的 数字 （对应着这个页面的 id）
var type=ur.split('?')[1].split("=")[1];
// 选项卡
$('input').click(function(event) {
$('input').removeClass('btn');
$(this).addClass('btn');
$('#box1 div').css({'display':'none'});
$('#box1 div').eq($(this).index()).css({'display':'block'});
});
// 使用传过来的 id 来控制该选项卡的切换
$('#box1 div').css({'display':'none'});
$('input').removeClass('btn');
$('input').eq(type-1).addClass('btn');
$('#box1 div').eq(type-1).css({'display':'block'});
</script>
<body>
<a href="选项卡-练习.html?type=1">1111111111</a>
<a href="选项卡-练习.html?type=2">2222222222</a>
<a href="选项卡-练习.html?type=3">3333333333</a>
</body>
页面B
<body>
<div id="box">
<input type="button" name="" value="11111" class="btn">
<input type="button" name="" value="22222">
<input type="button" name="" value="33333">
<div id="box1">
<div id="1" class="box1a">1111111111</div>
<div id="2">222222222222</div>
<div id="3">33333333333333</div>
</div>
</div>
</body>
<script>
// 获取页面 A 访问的 url
var ur =location.href;
// 获取页面 A 访问的 url 的 = 后面的 数字 （对应着这个页面的 id）
var type=ur.split('?')[1].split("=")[1];
// 选项卡
$('input').click(function(event) {
$('input').removeClass('btn');
$(this).addClass('btn');
$('#box1 div').css({'display':'none'});
$('#box1 div').eq($(this).index()).css({'display':'block'});
});
// 使用传过来的 id 来控制该选项卡的切换
$('#box1 div').css({'display':'none'});
$('input').removeClass('btn');
$('input').eq(type-1).addClass('btn');
$('#box1 div').eq(type-1).css({'display':'block'});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以不用js用html的锚点就能轻松实现。
举例： 当前页面A.html 写如下跳转链接跳转到另一个页面的指定位置 需转跳转到的页面B.html内写入。
网页中用js如何实现从首页链接到二级页面指定的选项卡,比如:
html中有3个链接<a>1</a> <a>2</a> <a>3</a>.
2.html有一个用js控制的选项卡 01、 02、03；当点击1.html中的<a>2</a>链接到2.html时显示选项卡02的内容。
3.html是js控制的tab选项卡，默认状态下只显示01的内容，我要实现的是点击1.html中的<a>2</a>链接到2.html只显示显示选项卡02的内容。
4.html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<a href="2.html" target="_blank">1</a><br><br>
<a href="2.html" target="_blank">1</a><br><br>
<a href="2.html" target="_blank">1</a>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很简单啊。只要是你用错了。不要用name。用id
A.html
<a href="B.html#skip">
B.html
<div id="skip">B</div>
A.html
<a href="B.html#skip">
B.html
<div id="skip">B</div>
追问
还是不行，就我说的， 按钮1 是可以的，后面的就不行，郁闷了。源码地址：http://pan.baidu.com/s/1jHKfni2。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
