Javascript Chrome扩展：动态向弹出页面添加URL_Javascript_Google Chrome Extension

Javascript Chrome扩展：动态向弹出页面添加URL

javascript google-chrome-extension

Javascript Chrome扩展：动态向弹出页面添加URL,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我可以得到网址。我想将URL添加到我的popup.html中。但是，popup.html页面仅显示一个URL（最后一个） popup.html <head> <script src="time.js"></script> </head> <body"> <div id="newDiv"></div> </body> 上述方法仅向动态添加一个。但是，我想添加多个（每次单击浏览操作图标时）我看到过一些

我可以得到网址。我想将URL添加到我的popup.html中。但是，popup.html页面仅显示一个URL（最后一个）

popup.html

<head>
<script src="time.js"></script>
</head>
<body">
<div id="newDiv"></div>
</body>

上述方法仅向

动态添加一个

。但是，我想添加多个

（每次单击

浏览操作

图标时）

我看到过一些类似的帖子，但没有一个有效。我已经做了很长一段时间了，似乎还没弄明白。（这是我完成扩展之前需要完成的最后一步）

我是chrome扩展开发新手，任何帮助都将不胜感激。如果还有什么我可以添加以提高清晰度的地方，请告诉我。

弹出窗口.html不是一个有状态的页面。每次打开弹出窗口时都会重新加载，因此

loadPara

只运行一次

坦率地说，我不知道你为什么会期望别的。

脚本

标记中的javascript在DOM更改持久化的情况下不会再次运行

这通常需要一个事件模型，即。E类似于

onPopupOpen

如果需要持久性，请将信息保存在

localStorage

、

chrome.storage

或大量其他可用的持久性引擎中

loadPara();
function loadPara()
{
   element = document.getElementById("newDiv");
   para = document.createElement("p");
   node = document.createTextNode("New URL");
   para.appendChild(node);
   element.appendChild(para);
} // I have only added enough code to put some light on my problem