基于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基础第一章 JavaScript与用户端
Jul 22 Javascript
js对象数组按属性快速排序
Jan 31 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
javascript计时器详解
Feb 28 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
详解React开发必不可少的eslint配置
Feb 05 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
vue 实现走马灯效果
Oct 28 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
Sep 04 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
「OVERLORD」动画重要删减!雅儿贝德的背叛?至尊猎杀队结成
2020/04/09 日漫
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
jQuery学习笔记之jQuery动画效果
2013/09/09 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
jQuery easyui刷新当前tabs的方法
2016/09/23 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
Vue中computed与methods的区别详解
2018/03/24 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
2019/07/19 Javascript
[02:39]我与DAC之Newbee.Moogy:从论坛到TI
2018/03/26 DOTA
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
利用python 更新ssh 远程代码 操作远程服务器的实现代码
2018/02/08 Python
Python实现E-Mail收集插件实例教程
2019/02/06 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
详解用python生成随机数的几种方法
2019/08/04 Python
python-Web-flask-视图内容和模板知识点西宁街
2019/08/23 Python
django 实现简单的插入视频
2020/04/07 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
python RSA加密的示例
2020/12/09 Python
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
德国著名廉价网上药店:Shop-Apotheke
2017/07/23 全球购物
编程用JAVA解析XML的方式
2013/07/07 面试题
应届生财务管理求职信
2013/11/06 职场文书
房屋改造计划书
2014/01/10 职场文书
幼儿园中班评语大全
2014/04/17 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
转学证明范本
2015/06/19 职场文书
建议书的格式及范文
2015/09/14 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技