基于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 相关文章推荐
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
浅谈VUE单页应用首屏加载速度优化方案
Aug 28 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
vue配置接口域名方法总结
May 12 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
详解JavaScript中的链式调用
Nov 27 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
php eval函数用法总结
2012/10/31 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
ThinkPHP数据操作方法总结
2015/09/28 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
jQuery实现的form转json经典示例
2017/10/10 jQuery
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
vue使用Proxy实现双向绑定的方法示例
2019/03/20 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
舞蹈毕业生的自我评价
2014/03/05 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
民政局标准版离婚协议书
2014/12/01 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
学校重阳节活动总结
2015/03/24 职场文书
2015年度物流工作总结
2015/04/30 职场文书
保姆聘用合同
2015/09/21 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python