基于jquery的修改当前TAB显示标题的代码


Posted in Javascript onDecember 11, 2010

有朋友提出如下应用场景:
在当前tab选项卡中单击链接后,新内容在当前选项卡中显示,但标题内容还是上一页标题要改为新的标题,解决方法如:
首先在 outlook.js 中加入如下代码:

function changeCurrentTabTitle(oldtitle,newtitle,url){ 
var currTab = $('#tabs').tabs('getTab',oldtitle); 
// or var currTab = $('#tabs').tabs('getSelected'); //这个也可以 
$('#tabs').tabs('update',{tab:currTab,options:{title:newtitle,content:createFrame(url)}}); 
}

此方法接收两个参数:oldtitle 很明显就是当前页的标题,newtitle 就是新页要显示的标题
在单击链接跳转时,调用此方法。代码如:
<a href='#' onclick='self.parent.changeCurrentTabTitle("当前标题","新名称","https://3water.com);'>三水点靠木</a>
这样就实现开始部分的问题。

Javascript 相关文章推荐
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 Javascript
jQuery实现的跨容器无缝拖动效果代码
Jun 21 Javascript
简单实现AngularJS轮播图效果
Apr 10 Javascript
详解Angular6学习笔记之主从组件
Sep 05 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
如何在基于vue-cli的项目自定义打包环境
Nov 10 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
vue实现在线翻译功能
Sep 27 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 #Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
Dec 11 #Javascript
基于jQuery的history历史记录插件
Dec 11 #Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 #Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 #Javascript
为超链接加上disabled后的故事
Dec 10 #Javascript
input按钮的事件处理大全
Dec 10 #Javascript
You might like
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
CodeIgniter生成网站sitemap地图的方法
2013/11/13 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
取得父标签
2006/11/14 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
微信小程序登录换取token的教程
2018/05/31 Javascript
js中Object.defineProperty()方法的不详解
2018/07/09 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
关于layui toolbar和template的结合使用方法
2019/09/19 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
JavaScript获取时区实现过程解析
2020/09/24 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python实现的视频播放器功能完整示例
2018/02/01 Python
用python脚本24小时刷浏览器的访问量方法
2018/12/07 Python
Python实现的删除重复文件或图片功能示例【去重】
2019/04/23 Python
如何使用python进行pdf文件分割
2019/11/11 Python
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
C#怎么让一个窗口居中显示?
2015/10/20 面试题
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技