Question

我有一个简单的Google Chrome扩展程序，可在单击图标时生成弹出窗口（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>

scripts.js中：

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

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

Answer 1

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

window.location = "..."

应该是

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

OR

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

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

Google Chrome Extensions - Open New Tab when clicking a toolbar icon

Answer 2

知道了：

window.open('http://www.staticURL.com/items/itemID='+document.getElementById("idbox").value,'_newtab');

抓取文本框的内容并转到URL

2 个答案: