首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用window.open仅打开url的一个实例

使用window.open仅打开url的一个实例
EN

Stack Overflow用户
提问于 2013-06-07 06:24:08
回答 4查看 12.1K关注 0票数 0

我在一个有一个超链接的asp.net网页上工作。每当单击该超链接时,都会使用javascript window.open打开一个新的浏览器窗口。我希望,如果用户点击此链接多次,那么只有一个窗口打开,而不是多个窗口。我只希望该窗口被突出显示时,用户点击该超级链接多次。是否需要使用window.open来检测url是否在浏览器的任何其他选项卡中打开?有没有内置的jQuery插件,这样我就可以用它来兼容浏览器了。

下面是超链接url:

代码语言:javascript
运行
AI代码解释
复制
<a onclick="addClick()" href="javascript:void(0)">
                    New</a>

下面是我使用的代码:

代码语言:javascript
运行
AI代码解释
复制
function addClick() {
    var ID = jQuery("#ID").val();
    var PSSWD = jQuery("#PSSWD").val();
    var ACCID = jQuery("#ACCID").val();
    var PASSWDINT = jQuery("#PASSWDINT").val();

    window.open("LoginAPI?ID=" + encodeURIComponent(ID) + "&PSSWD=" + encodeURIComponent(PSSWD) + "&ACCID=" + encodeURIComponent(ACCID) + "&PASSWDINT=" + encodeURIComponent(PASSWDINT) + "", "LoginAPI");
}

请提个建议。

EN

回答 4

Stack Overflow用户

发布于 2013-06-07 06:32:45

试一试

代码语言:javascript
运行
AI代码解释
复制
window.open("<url>", "<window name>");

此窗口应始终在同一窗口中打开。参见reference

票数 3
EN

Stack Overflow用户

发布于 2013-06-07 06:33:28

HTML:

代码语言:javascript
运行
AI代码解释
复制
<a href="http://www.someurl.com" onclick="openwindow.call(this); return false;">open window</a>

var wins = {};
function openwindow(){
    var url = this.href;
    if(typeof wins[url] === 'undefined' || wins[url].closed)
        wins[url] = window.open(url);
}
票数 1
EN

Stack Overflow用户

发布于 2013-06-07 06:50:17

若要在HTML页中仅打开弹出窗口的一个实例,请使用window.open methodwindowName参数。

例如

代码语言:javascript
运行
AI代码解释
复制
window.open('http://www.abc.com') 

每次用户单击包含window.open代码的链接时,都会打开一个新窗口。

相比之下,

代码语言:javascript
运行
AI代码解释
复制
window.open('http://www.abc.com','abc') 

将只打开窗口的一个实例,无论用户单击链接多少次。

您也可以使用focus函数,如下所示

代码语言:javascript
运行
AI代码解释
复制
<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
    newwindow=window.open(url,'name','height=200,width=150');
    if (window.focus) {newwindow.focus()}

      if (!newwindow.closed) {newwindow.focus()}
    return false;
}

// -->
</script>

编辑1

代码语言:javascript
运行
AI代码解释
复制
<a onclick="return addClick()" href="javascript:void(0)">New</a>

下面是我使用的代码:

代码语言:javascript
运行
AI代码解释
复制
function addClick() {
    var ID = jQuery("#ID").val();
    var PSSWD = jQuery("#PSSWD").val();
    var ACCID = jQuery("#ACCID").val();
    var PASSWDINT = jQuery("#PASSWDINT").val();

    window.open("LoginAPI?ID=" + encodeURIComponent(ID) + "&PSSWD=" + encodeURIComponent(PSSWD) + "&ACCID=" + encodeURIComponent(ACCID) + "&PASSWDINT=" + encodeURIComponent(PASSWDINT) + "", "LoginAPI");
    return false;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16977590

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文