`

修改当前TAB显示的标题。

 
阅读更多

有朋友提出如下应用场景:

在当前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://hxling.cnblogs.com/%22);'>疯狂秀才的博客</a>

这样就实现开始部分的问题。

 

分享到:
评论

相关推荐

    linux-iterm2修改当前tab标题和颜色

    iTerm2是一款强大的macOS终端模拟器,它扩展了默认的Terminal.app的功能,提供了丰富的自定义选项,包括修改当前Tab的标题和颜色。本文将详细探讨如何在Linux环境下,结合iTerm2实现这一功能,以提升开发工作流程的...

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

    在实现基于jQuery修改当前tab标题的过程中,可以按照以下步骤进行: #### 步骤1:获取当前或指定tab 首先,我们需要获取当前的tab或者是根据标题获取对应的tab。这可以通过调用`getTab`方法或者`getSelected`方法...

    MFC Tab控件添加图片及选定后标题变色

    int nIndex = m_tabCtrl.InsertItem(tabCount, "Tab标题", 0, 0, LVIF_IMAGE | LVIF_TEXT, 0, 0, 0, 0); m_tabCtrl.SetItemExtra(nIndex, sizeof(TCHITTESTINFO)); // 设置额外空间存储图像信息 ``` 2. **选定后...

    qt-tabwidget-标题栏tab颜色设置

    `QTabBar`是显示和管理标签的地方,而`QStackedWidget`则负责管理各个标签页的内容。为了改变`QTabWidget`的标题栏颜色,我们需要操作`QTabBar`。 一、设置未选中时的标签颜色 在QT中,我们可以通过样式表(QSS,...

    PB115动态创建漂亮的TAB页

    标题中的“PB115动态创建漂亮的TAB页”指的是使用PowerBuilder 11.5(简称PB115)这个编程环境,通过编程方式来创建具有美观界面的选项卡(TAB页)。在GUI(图形用户界面)设计中,选项卡是一种常见的布局方式,它...

    安卓FragmentTab选项卡相关-页卡滑动标题跟着滑动页卡所在标题始终显示在最显眼位置.rar

    在这个"安卓FragmentTab选项卡相关-页卡滑动标题跟着滑动页卡所在标题始终显示在最显眼位置.rar"压缩包中,开发者可能提供了一个示例,演示了如何在页卡滑动时,让当前页卡的标题始终保持可见,以提升用户体验。...

    可以切换的tab框

    每个Tab标题都有一个唯一的ID,以便于在JavaScript中引用,而内容区域则通过类名或其他标识符与对应的Tab标题关联。 CSS文件(可能名为`style.css`或者在`css`目录下)用于样式化Tab组件,包括Tab的外观、颜色、...

    jquery渐变切换tab标签

    在jQuery事件处理函数中,动态修改选中Tab的背景颜色,使其从当前颜色平滑过渡到预设的目标颜色。 6. **其他优化**:考虑到用户体验,可以添加一些额外的功能,如禁用已选中的Tab,或者在内容区域加载过程中显示...

    HtmlTab分页脚本

    每个tab标题都是一个链接,而内容区域则隐藏在相应的标签页下,只有当对应的tab被选中时才会显示。使用CSS可以对这些元素进行样式设置,使其符合设计需求。 接下来,使用Prototype.js编写JavaScript代码来实现交互...

    网站前端tab插件

    内容区域则根据所选的tab标题来展示相应的内容。 在技术实现上,这个插件可能使用HTML、CSS和JavaScript。HTML负责构建结构,CSS用于样式设计,JavaScript则用于添加交互功能。HTML中,可以使用`&lt;ul&gt;`和`&lt;li&gt;`来...

    tab 选择框

    在Tab选择框中,我们需要获取和操作包含Tab标题和内容的DOM节点,例如添加点击事件监听器、切换元素的显示状态等。 2. **事件监听**:为了响应用户的点击,我们需要在每个Tab标题上添加点击事件监听器。当用户点击...

    不规则TAB选项卡JS代码

    在实现选项卡功能时,我们需要获取或创建相关的DOM元素,如TAB标题和内容区域,然后通过添加、删除或修改类名来改变它们的显示状态。 2. **事件监听**:为了响应用户的点击行为,我们需要为每个TAB标题添加点击事件...

    自适应宽度高度的tab标签文字切换效果

    我们可以为每个tab标题添加点击事件监听器,当点击某个标题时,隐藏其他内容并显示对应的内容区域。同时,如果支持左右切换,还需要实现前后切换功能,这可以通过维护一个当前选中标签的索引,并在用户触发切换事件...

    ActionBar和Tab的样式修改

    2. **添加Tab**: 在Activity的`onCreate()`方法中,调用`getSupportActionBar().setDisplayShowTabsEnabled(true)`启用`Tab`显示,然后使用`getSupportActionBar().newTab()`创建新的`Tab`实例,并通过`...

    jquery简洁版tab标签

    在网页设计中,Tab标签是一种常见的用户界面元素,它用于组织和展示大量信息,通过切换不同的选项卡来显示不同的内容区域。"jQuery简洁版tab标签"是一个利用jQuery库实现的简单、可定制化的Tab组件。这个组件的核心...

    伪雅虎Tab标签

    标题中的“伪雅虎Tab标签”指的是在网页设计中,模仿雅虎网站风格创建的Tab式导航栏。这种设计方式可以提升用户体验,使用户能够快速地在不同的内容区域之间切换,而无需刷新整个页面。Tab标签是网页界面设计中常见...

    MFC Tab页demo

    - 在OnTabSelChange()函数中,可以根据当前选中的Tab页索引,显示或更新对应的页面内容。 4. **自定义Tab页**: - MFC还提供了CPropertySheet和CPropertyPage类,用于创建多页对话框,这与Tab页类似但更高级。每...

    tab标签无刷新导航菜单

    通过监听tab标题的点击事件,我们可以动态地更改当前选中tab的状态(例如添加一个激活类),并根据该状态显示或隐藏相应的内容区域。这通常涉及到DOM操作,如`addClass()`、`removeClass()`和`toggle()`方法。 4. *...

    纵向Tab ---ext

    2. **CSS样式**:通过CSS,我们可以将Tab标题设置为垂直排列,并调整它们的布局和样式。例如,使用`display: flex; flex-direction: column;`可以实现垂直布局。此外,还需要用CSS来控制Tab的选中状态和内容的显示...

Global site tag (gtag.js) - Google Analytics