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

172 阅读 0 评论 114 点赞

我是靠谱客的博主眼睛大草丛，最近开发中收集的这篇文章主要介绍基于jquery的修改当前TAB显示标题的代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

有朋友提出如下应用场景：
在当前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("当前标题","新名称","http://www.uoften.com);'>脚本之家</a>
这样就实现开始部分的问题。