将图像 URL 发送到特定文本字段的 Google Chrome 扩展程序

Question

我正在尝试制作一个 google chrome 扩展程序，允许用户在弹出窗口中单击图像并将图像 url 发送到特定网站的文本字段；我发现我的代码没有任何问题，但它拒绝工作。

这是我的 manifest.json

{
"manifest_version": 2,

"name" : "Gifs",
"description": "Gifs",
"version": "1",

"permissions": [
    "activeTab", "http://www.cssflow.com/snippets/login-form/demo", "http://*/*", "https://*/*"
],

"browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
}
}

这是我的 popup.html

<script src="jquery.js"></script>
<script src="popup.js"></script>
<img src="http://www.vidble.com/cayujFfA0f.gif" border="0">

<br><br>

<img src="http://www.vidble.com/U8l5gHvN5f.gif" border="0">

这是我的 popup.js（我要插入网址的网站上的文本字段的 id 是“登录”。）

$(document).ready(function() {
  $("img").click(function() {
    var imageurl = $(this).attr('src');
    var script = 'var form = document.getElementById("input:#login");' +
      + 'form.value = (form.value + " ' + imageurl + '");';
    chrome.tabs.executeScript({code : script});
    window.close();
  });
});

我在控制台中收到以下错误：

输入意外结束：var form = document.getElementById("login");NaNhttp://www.vidble.com/cayujFfA0f.gif");

任何帮助将不胜感激。提前致谢。

Answer 1

您的问题是由您分配给var script 的额外+ 引起的。 JavaScript的奇迹：

'a' + 'b' + 'c'
-> 'abc'

'a' + + 'b' + 'c'
-> 'aNaNc'

这是因为第二个表达式被解释为'a' + (+ 'b') + 'c'，因此'b' 在与其他字符串连接之前被强制转换为数值。