Chrome扩展将输入附加到URL,

pkwftd7m 于 11个月前发布在 Go

关注(0)|答案(2)|浏览(130)

我目前正在创建一个Chrome扩展程序，它有一个popup.html，在弹出窗口中有两个东西。一个输入字段和提交按钮。
输入字段需要一个EXTN号码从一个用户，当提交按下我需要然后导航用户到一个新的标签，附加输入从用户到结束。
输入= 9999，当按下提交时，用户被带到：提交= http://name.com/9999
我有这个工作时，只是使用HTML文件，但它似乎没有做任何事情时，加载到Chrome作为一个扩展。
下面是输入和onClick的代码：
Popup.HTML

<script src="popup.js"></script>
<input type="text" id="page" />
<input type="submit" value="submit" onclick="goToPage();" />

字符串
popup.js

function goToPage() {
var page = document.getElementById('page').value;
window.location = "http://name.com/" + page; }

型
我知道你不能在JS行中运行，所以我从popup.js文件中调用了它，但它仍然不起作用。

google-chrome

来源：https://stackoverflow.com/questions/51981808/chrome-extension-append-input-to-url

2条答案

按热度按时间

yrdbyhpb1#

你不能在Chrome扩展中使用内联JS（input元素中的onclick="goToPage();"被认为是内联JavaScript）。你必须把所有你的Javascript代码放在一个单独的文件中。
您将需要使用chrome.tabs API来打开新标签页。例如：

popup.html

<input type="text" id="page" />
<button id="submit">Submit</button>
<script src="popup.js"></script>

字符串

popup.js

document.getElementById('submit').onclick = function(){
    var page = document.getElementById('page').value;
    chrome.tabs.create({url:'http://name.com/' + page});
}

型

赞(0）回复(0）举报 11个月前

vbopmzt12#

5年来晚到党在这里，但考虑使用这作为一种方法，以快速作出搜索查询出货，如果可能的话。
我已经有了一个不相关的JS书签，它看起来像这样：并且想知道JS输入的这种URL方法是否可以用于将用户输入附加到URL，就像popup.html和.js一样。所以我点击书签，我得到一个弹出框，我必须输入数字，然后按回车键。如果需要的话，我可以托管我自己的popup.js文件，Chrome.tabs.create url会转到搜索URL。

赞(0）回复(0）举报 11个月前

我来回答

Chrome扩展将输入附加到URL,

2条答案

相关问题

热门标签

最新问答