联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

基于jquery的修改当前TAB显示标题的代码 - Web前端

作者:98wpeu发布时间:2026-10-10分类:网页前端技术浏览:2


导读:有朋友提出如下应用场景:在当前tab选项卡中单击链接后,新内容在当前选项卡中显示,但标题内容还是上一页标题要改为新的标题,解决方法如:首先在Outlook.JS中加入如下代...

有朋友提出如下应用场景:
在当前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("当前标题","新名称","http://www.jb51.net);'>脚本之家</a>
这样就实现开始部分的问题。

标签:代码标题WebTABjquery


网页前端技术排行
最近发表
网站分类
标签列表