0

我有一个简单的谷歌浏览器扩展，当点击图标时会产生一个弹出窗口（HTML）。我希望用户能够在文本框中提供一个 ID 号，当单击 GO 时，会打开一个新选项卡并将用户带到“ http://www.staticURL.com/items/itemID=XXXXX " 其中 URL 的第一部分不变，但 XXXXX 被替换为文本框值。

到目前为止，我已经能够输入我的功能，但是当我单击按钮时没有任何反应。

popup.html：

<html>  
    <body>
        <form method="post" name="idpopup" action="">

            <fieldset>
                <legend><b>HelpDesk ID Number</b></legend>
                <input type="text" id="idbox" size="25" maxlength="6" autofocus>          

                <input type="button" value="Go" id="gobutton"/>             
            </fieldset>
        </form>
    </body>

    <script src="scripts.js"></script>
</html>

脚本.js：

function goHDLink(){   
    alert("goHDLink"); 
    //window.location = "http://www.staticURL.com/items/itemID="+document.getElementById("idbox").value;
}
document.querySelector('#gobutton').addEventListener('click', goHDLink);

所以我得到了弹出窗口，但没有导航到 URL。有任何想法吗？

4

2 回答 2

0

知道了：

window.open('http://www.staticURL.com/items/itemID='+document.getElementById("idbox").value,'_newtab');
于 2013-07-26T22:27:39.790 回答
0

我认为您的问题与扩展无关。 

window.location = "..."

应该

window.location.replace("...");

或者

window.location.href = "...";

如果它确实与扩展有关，则可能是权限问题。检查这个问题：

Google Chrome 扩展程序 - 单击工具栏图标时打开新选项卡

于 2013-07-26T22:12:58.847 回答