点击链接跳转到新页面并显示对应的tab标签页切换

原理：从页面A跳转到页面B，则在A页面中跳转页面时传值，然后在B页面中写js获取该值并做对应的操作

附：tab标签页的制作链接：https://mp.csdn.net/postedit/101053138

页面A代码：<a href="2楼盘.html?1">二手房</a>
<a href="2楼盘.html?2">租房</a>页面B代码：用到了jq相关函数：<ul class="building-attr-tab"><li onclick="tab('tab1')" class="tab-active">新房</li><li onclick="tab('tab2')">二手房</li><li onclick="tab('tab3')">租房</li></ul>$(function(){var s=location.search.substring(1);if(s)$('.building-attr-tab li').eq(s).trigger('click');});

1）location.search：返回从问号 (?) 开始的 URL（查询部分）

var s = window.location.search.substring(1);//获得了当前链接的中?号后的参数

if (s.length > 0) {

var Airways = s.substring(s.indexOf('=') + 1).toUpperCase();

location.search的值就是 "?i=1 "
substr(1) 就是从索引1开始截取
所以location.search.substring(1)的值就是 "i=1 "

2）eq()：取带有指定 index 值的元素

3）trigger()：触发被选元素上指定的事件以及事件的默认行为

点击链接跳转到新页面并显示对应的tab标签页切换相关推荐

HTML点击图片跳转到新页面怎么实现？（示例）
我们在设计网页开发过程中,"跳转链接"这个需求是最普遍不过了.相信那些对HTML有一定了解的朋友,想要实现点击某个元素然后跳转到新链接新页面的功能,是非常简单的事情.比如点击按钮实 ...
HTML/CSS - 点击按钮跳转到新页面
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Titl ...
用js实现点击链接跳转APP对应页面
这不是一篇严格意义上的原创,参考了很多大佬的文章, 下面根据自己的情况做了一下整理. 近两天,接到公司的需求----点击 H5 的购买按钮,跳转到 APP 对应的页面.啊! 一脸懵! 还等啥,赶紧查资 ...
ios html转换成网页,ios App加载本地HTML网页,点击网页链接跳转到app页面的方法
一.如何在APP里加载本地html文件内容: 首先准备一个html文件,比如内容如下: title go to app 接下来,在APP里定义一个UIWebView,用来显示html文件内容: //定 ...
react如何跳转html页面,react中实现点击跳转到新页面方法
实现点击跳转到新页面,可以有两种形式,一个是本地页面打开,一个是本地页面不变跳转到新的页面. (一)页面点击本地页面打开新页面引入ant的Button组件 onClick={()=>{wind ...
ios开发跳转safari_阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页
最近为了更好地接触移动Web 开发狠心购买了一台ipad mini(之前一直都是借同学的,借多了就不好意思了).拿来调试DeveMobile 与EaseMobile 主题时候发现了不少问题,现在在一 ...
node怎么跳转链接_nodejs怎么跳转到新页面？
在nodejs中使用req.query或req.params方式获取前端传来的参数,然后根据获取的参数使用res.render()方法进行页面跳转. nodejs跳转到新页面示例: 在我们做项目中一般 ...
node怎么跳转链接_nodejs怎么跳转到新页面
在nodejs中使用req.query或req.params方式获取前端传来的参数,然后根据获取的参数使用res.render()方法进行页面跳转. nodejs跳转到新页面示例: 在我们做项目中一般 ...
Vue点击按钮跳转到新路由
前言,点击添加商品按钮,跳转到新路由 1.第一步,绑定click事件 <el-button type="primary" @click="goAddPage&q ...

点击链接跳转到新页面并显示对应的tab标签页切换

点击链接跳转到新页面并显示对应的tab标签页切换相关推荐

最新文章

热门文章