基于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 相关文章推荐
添加到收藏夹代码(兼容几乎所有的浏览器)
Jan 09 Javascript
用Juery网页选项卡实现代码
Jun 13 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
iframe实用操作锦集
Apr 22 Javascript
JavaScript常用验证函数实例汇总
Nov 25 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
JavaScript在web自动化测试中的作用示例详解
Aug 25 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 Javascript
js之ajax文件上传
May 13 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经典的给图片加水印程序
2006/12/06 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
php格式化金额函数分享
2015/02/02 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
PHP的PDO连接讲解
2019/01/24 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
javascript Demo模态窗口
2009/12/06 Javascript
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
canvas知识总结
2017/01/25 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
vue的token刷新处理的方法
2018/07/17 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
python微信跳一跳系列之色块轮廓定位棋盘
2018/02/26 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
Django配置文件代码说明
2019/12/04 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
万户网络JAVA程序员岗位招聘笔试试卷
2013/01/08 面试题
机关办公室岗位职责
2014/04/16 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
幼师个人总结范文
2015/02/28 职场文书
师范生见习总结范文
2015/06/23 职场文书
2019军训心得体会
2019/06/27 职场文书
python 三边测量定位的实现代码
2021/04/22 Python
详解MongoDB的条件查询和排序
2021/06/23 MongoDB
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript