基于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.timer插件实现一个计时器
Apr 25 Javascript
jquery插件validate验证的小例子
May 08 Javascript
JavaScript更改原始对象valueOf的方法
Mar 19 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
Dec 29 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 Javascript
深入理解Vue 的钩子函数
Sep 05 Javascript
js 根据对象数组中的属性进行排序实现代码
Sep 12 Javascript
在Vue中获取自定义属性方法:data-id的实例
Sep 09 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实现的下载远程文件类定义与用法示例
2017/07/05 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
JavaScript中Math对象使用说明
2008/01/16 Javascript
javascript学习笔记(八) js内置对象
2012/06/19 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
vue 内置过滤器的使用总结(附加自定义过滤器)
2018/12/11 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
跟老齐学Python之大话题小函数(2)
2014/10/10 Python
用Python编写一个简单的FUSE文件系统的教程
2015/04/02 Python
Python中的rjust()方法使用详解
2015/05/19 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
使用matplotlib画散点图的方法
2018/05/25 Python
python实现对csv文件的列的内容读取
2018/07/04 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
python dict乱码如何解决
2020/06/07 Python
对python中list的五种查找方法说明
2020/07/13 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
男性健康日的活动方案
2014/08/18 职场文书
英文商务邀请函范文
2015/01/31 职场文书
2019年销售人员的职业生涯规划书
2019/03/25 职场文书
导游词之山东孔庙
2019/11/04 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
pytorch查看网络参数显存占用量等操作
2021/05/12 Python
Node与Python 双向通信的实现代码
2021/07/16 Javascript
Anaconda配置各版本Pytorch的实现
2021/08/07 Python
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang