【基于JS实现网页中的选项卡(两种方法)】教程文章相关的互联网学习教程文章

javascript – 帮助!? IE9:当onkeydown脚本和用户选项卡修改了值时,onChange事件不会触发【代码】

我们在asp.net中有一个自定义数字文本框.在oninput事件中,检查输入的无效字符,并设置文本框的值.处理OnChange事件以在用户离开文本框后执行某些操作.这适用于firefox,chrome和IE8. 在IE9中,在上一个事件中设置文本后,onchange事件不再触发.这就是问题所在:<input type="text" onKeyDown="this.value=this.value;" onChange="alert('test');" />在此示例中,onChange事件不会在IE9中触发.无论你使用什么类型的事件,OnKeyDown,OnInpu...

javascript – window.postmessage()在不同选项卡中的应用程序之间进行通信【代码】

是否有机会使用window.postmessage()在同一浏览器的不同选项卡中的两个不同应用程序之间进行通信? 我知道你可以在应用程序和iFrame之间做到这一点,但不同的标签呢? 更新: 案例场景: >用户在一个选项卡中播放来自vk.com的音频>用户开始在另一个标签页面中播放来自youtube.com的视频> youtube.com将postmessage()发送到vk.com视频开始播放> vk.com让音频保持沉默 谢谢解决方法:如果您使用iFrame中加载的“中间页面”,则可以执行此...

javascript – 嵌套ng-bootstrap选项卡(Angular 2)【代码】

我正在尝试嵌套ng-bootstrap选项卡小部件,但嵌套选项卡的内容未正确显示.当我点击嵌套标签时,内容本身就会消失. Minimal demo 我究竟做错了什么? 这是视图代码:<ngb-tabset><ngb-tab *ngFor="let tab of tabs"><ng-template ngbTabTitle>{{ tab.title }}</ng-template><ng-template ngbTabContent>{{ tab.content }}<ngb-tabset><ngb-tab><ng-template ngbTabTitle>1</ng-template><ng-template ngbTabContent>1</ng-template></...

javascript – Jquery选项卡与革命滑块冲突【代码】

我正在尝试创建一个包含革命滑块和制表符脚本的页面. 你可以在这里找到这个页面:http://lovebomb.nl/dating 但不知何故,脚本彼此冲突. 这部分旋转滑块:var tpj=jQuery;tpj.noConflict();tpj(document).ready(function() {if (tpj.fn.cssOriginal!=undefined)tpj.fn.css = tpj.fn.cssOriginal;tpj('.fullwidthbanner').revolution({delay:9000,startwidth:1024,startheight:616,onHoverStop:"on", // Stop ...

如何从JavaScript中打开新的浏览器选项卡?

如何编写在指定URL上打开新浏览器选项卡的JavaScript函数?我知道如何使用带有target =“_ blank”的链接在HTML中执行此操作,但在我的情况下,我需要在JS函数中执行此操作. 谢谢解决方法:你不能. Javascript没有对标签的内置支持,因为并非所有支持Javascript的浏览器都有标签(想想IE6).您最多可以打开一个新窗口(虽然当然可能会弹出窗口). 某些浏览器可能会将这些新窗口显示为标签.我相信Opera会这样做.

Javascript:从字节数组中在新选项卡中打开PDF【代码】

我正在使用带有HTTP资源的AngularJS来调用外部API,我的响应是一个字节数组.我需要在新窗口中将此字节数组转换为PDF.我没有看到任何非常好的解决方案在这里工作跨浏览器或纯javascript.有没有办法做到这一点? 这是我的代码: 使用JavascriptDocument.preview({id: $scope.order.id}, function(data){// Open PDF Herevar file = new Blob([data], {type: 'application/pdf'});var fileURL = URL.createObjectURL(file);window.open...

javascript – 如何在浏览器选项卡之间共享单个js资源?

例如,我想通过socket.io,longpolling等多个选项卡刷新聊天消息…无论我有什么…为此,我只想为所有选项卡使用单个连接.我该怎么做?我可以将常用数据存储在localStore,cookies等中……我需要某种信号量,它只为其中一个选项卡提供单个同步器资源,在该选项卡关闭后,它会提供给另一个选项卡,等等. ..这怎么可能?我想到的唯一解决方案是告诉localStore onbeforeunload资源是免费的,但这并不适用于每个浏览器.还有其他选择吗?解决方法:...

javascript – 如何在Firefox的一个选项卡中更改用户代理?【代码】

我正在开发Firefox扩展,我需要更改单个选项卡的用户代理.我使用过用户代理切换器等扩展,但它只允许我在整个浏览器中更改用户代理.你知道这是否可能吗?我在哪里可以阅读? 非常感谢,G.解决方法:这是一个有趣的插件.我想制作一个只在单个选项卡中启用代理的插件,我想这会帮助你让我很快就能做到这一点 复制粘贴代码.它将在选项卡1中加载的所有内容中欺骗用户代理.在所有其他选项卡中,它将让负载通过.但是如果没有loadContext,你将无...

javascript – 如何使用jQuery构建简单的选项卡?【代码】

我有以下代码:fiddle 这在我自己创建的网站中非常有效,而且没有JS,标签充当相关部分的跳转链接.当放置在定制的CMS中时,我被迫使用此时跳转链接不起作用.我已经尝试添加更多相关链接到选项卡,这使得它没有JS工作,但使用JS标签内容不显示. 我错过了什么吗? HTML:<ul id="tabs"><li><a href="#tab1">test1</a></li><li><a href="#tab2">test2</a></li><li><a href="#tab3">test3</a></li><li><a href="#tab4">test4</a></li></ul><...

javascript – jQuery UI选项卡 – 如何获取当前选定的选项卡索引【代码】

我知道这个具体的问题已经是asked before,但是我没有在jQuery UI Tabs插件上使用bind()事件获得任何结果. 我只需要新选择的选项卡的索引,以便在单击选项卡时执行操作. bind()允许我挂钩到select事件,但是我通常的获取当前选中选项卡的方法不起作用.它返回先前选择的选项卡索引,而不是新选项卡索引:var selectedTab = $("#TabList").tabs().data("selected.tabs");以下是我尝试用于获取当前所选标签的代码:$("#TabList").bind("ta...

javascript – 如何检测包含我的PHP应用程序的最后一个选项卡是否正在关闭?

我的PHP应用程序菜单上有一个很好的LogOut按钮,但有些人不使用它,他们只是退出浏览器. 有什么方法可以检测到这一点(我意识到它不会处理浏览器崩溃,但它比我现在更好,并覆盖了99%的情况). 这将是我的第一件JS. >我认为我可以轻松编写一个页面关闭处理程序?或者我应该使用onbeforeunload()?>在其中,也许我可以遍历所有浏览器窗口及其标签(每个浏览器相同或不同?(IE,FF等))>我可以获取每个选项卡的URL并检查它是否正在运行我的应用...

javascript – 将变量传递给新创建的选项卡【代码】

所以我有一个内容脚本,其中包含一个事件触发消息到“启动”脚本,我用它来创建一个带有本地html文件的选项卡,并将相同的消息/变量传递给该选项卡.然后,选项卡应根据变量加载指定的数据.它在大约50%的时间内按预期工作,使我相信它是一个同步性问题.我可能不会以正确的方式解决这个问题,但这是我能靠自己解决的最好方法. 内容脚本(script.js):function openHistory(event) {var account = $(/*selector*/).html();chrome.runtime.se...

javascript – setInterval在选项卡/窗口处于非活动状态时变慢【代码】

我构建了一个Web应用程序,我使用setInterval和500ms计时器来获得一些时钟. 当窗口处于活动状态时,时钟运行完美,我用它:var tempTimer = 0; setInterval(function () {goTimer() }, 500);function goTimer() {tempTimer++;$("#timer").val(tempTimer); }但问题是窗口/标签变为非活动状态 – 间隔时间变为1000毫秒! 当我再次聚焦窗口/标签时,它会变回500毫秒. 看看这个:http://jsfiddle.net/4Jw37/ 谢谢一堆.解决方法:是的,这种行...

javascript – 如何禁用angular4材质中除选定选项卡之外的所有选项卡【代码】

我对角度和材料非常新,并且在使用角度4材料时禁用未选中的标签时遇到了一个难题,我在下面只有这个代码.<md-tab-group class="flex-stretch tab-button-arrows"><md-tab *ngFor="let subject of subjects" label="subject.name" ></md-tab></md-tab-group>注意:主题是动态数组.解决方法:您需要做的就是使用mat-tab isActive:ReadMore的默认属性<mat-tab-group><mat-tab #tab [disabled]='!tab.isActive' *ngFor="let subject of s...

javascript – “sdk / system / events”api中的firefox检测选项卡ID【代码】

美好的一天.我有将chrome扩展移植到firefox的问题.我需要检测它所属的所有传出请求和标签的ID.使用system/events api检测请求,但是我找不到如何从incomming事件中检测tab的id的方法.据我所知,这个事件是xpcom对象,我应该使用QueryInterface获取一些接口来获取一些其他接口以获得一些其他接口以获得一些其他接口来获取其中的tab的id(就像在Windows中的COM实现一样,但我找不到我需要的接口,根本无法找到有关此事件的文档… 我在铬中使...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部