基于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 相关文章推荐
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
jquery获取css中的选择器(实例讲解)
Dec 02 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
Nov 22 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 Javascript
Node.js的进程管理的深入理解
Jan 09 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
在VUE style中使用data中的变量的方法
Jun 19 Javascript
javascript实现图片轮换动作方法
Aug 07 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
JavaScript算法系列之快速排序(Quicksort)算法实例详解
2016/09/04 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
微信小程序开发实现消息推送
2020/11/18 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
python的绘图工具matplotlib使用实例
2014/07/03 Python
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
django admin 后台实现三级联动的示例代码
2018/06/22 Python
python中open函数的基本用法示例
2019/09/07 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
Python中的__init__作用是什么
2020/06/09 Python
python 基于opencv实现图像增强
2020/12/23 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
学生逃课检讨书1000字
2014/10/20 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
金砖之国观后感
2015/06/11 职场文书
2016应届毕业生实习评语
2015/12/01 职场文书
MySQL 计算连续登录天数
2022/05/11 MySQL