在Popup.html中显示来自DOM的变量,反之亦然

时间:2017-10-07 16:58:56

标签: javascript jquery html google-chrome-extension popup

我有一个file.js来执行一些计算,

file.js

 (function () {
  var x =1; 
  var y = //value from dom
  z = x +y;
  })()

我通过

在popup.js中运行它

popup.js

function excute() {
    chrome.tabs.executeScript({
        file: 'file.js'
    });
}
excute();

popup.html

<html>
<head>
    <title>title</title>
  </head>
<body>

  <script type="text/javascript" src="popup.js"></script>

      <input type="text" id="info"> 

  </body>
</html>

当我点击扩展程序时,file.js中的代码会在DOM上执行,并获得 y 值!并正确计算z变量!

但我的问题

  • 我无法在file.js {/ 1}中<input type="text" id="info">的控件中popup.html显示变量 z
  • 我无法在<input type="text" id="info">中获取popup.html的值,并将其设置为file.js
  • 中的变量 z

0 个答案:

没有答案