javascript如何实现浏览器选项卡的切换？

JavaScript014

javascript如何实现浏览器选项卡的切换？,第1张

首先js是不大可能控制选项卡的，再说每种浏览器也都有不一样的选项卡模式，你通过api去实现不太可能。

你可以转换思路，不要用真正的选项卡，而是自己写一个类似于选项卡的页面，可以点击切换页面等等。点击切换选项卡或提交按钮时ajax加载你想要的内容就可以了。

//注意：变量id一定要为数字！

//需要引用jQuery包

$("#t1 a").click(function(){ //获取id为t1的div下面的所有a标签

var id = $(this).attr("id").substr(5)//截取当前点击的对象的id属性的第6位及之后的字符

$("#t1 a").attr("class","")//使所有的a标签的class样式都为空

$(this).attr("class","sel")//使被点击的a标签更换class样式为sel

$(".we").hide()//所有的class名为we的都隐藏

$("#w"+id).show()//让其中的一个class名为we并且id为w+id的div显示

})

在选项卡中打开新窗口———这是用户在浏览器中自己设置的，Javascript 没有 权利/方法 覆盖这个选项。

Firefox：工具 - 选项 - 在新标签中打开新窗口

IE: 工具 - 选项 - 标签 - 总是在选项卡中打开弹出窗口

现在大部分支持 tab 的浏览器都有类似的设置。

所以能建议你的就是在当前页面使用　1、AJAX　2、iframe

AJAX 需要用 Javascript 和服务器端交互，相互传递数据，成功后将数据写入一个 div。

iframe 可以直接连接到你说的新窗口的地址。

不管是 AJAX 或是 iframe，你都可以将他们设置为 position: absolute，然后设置允许拖拽、最大化或最小化、允许关闭，这样看起来和弹窗没有什么区别。