基于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 相关文章推荐
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
jquery中append()与appendto()用法分析
Nov 14 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
Vue.js每天必学之内部响应式原理探究
Sep 07 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
javascript中toFixed()四舍五入使用方法详解
Sep 28 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
vue-devtools的安装和使用步骤详解
Oct 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
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
JS日历 推荐
2006/12/03 Javascript
发布一个基于javascript的动画类 Fx.js
2010/11/05 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
JavaScript实现的简单拖拽效果
2015/06/01 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
jQuery CSS3相结合实现时钟插件
2016/01/08 Javascript
javascript HTML5文件上传FileReader API
2020/03/27 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
python的多重继承的理解
2017/08/06 Python
Python编写一个优美的下载器
2018/04/15 Python
python+opencv+caffe+摄像头做目标检测的实例代码
2018/08/03 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
python爬虫实现中英翻译词典
2019/06/25 Python
python中class的定义及使用教程
2019/09/18 Python
Python urlopen()和urlretrieve()用法解析
2020/01/07 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
Python创建自己的加密货币的示例
2021/03/01 Python
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
荷兰在线啤酒店:Beerwulf
2019/08/26 全球购物
JPA的特点
2014/10/25 面试题
市场营销专业毕业生自荐信
2013/11/02 职场文书
毕业设计计划书
2014/01/09 职场文书
教师师德承诺书
2014/03/26 职场文书
治庸问责心得体会
2014/09/12 职场文书
小学生作文评语集锦
2014/12/25 职场文书
Python实现简繁体转换
2021/06/07 Python
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏