Question

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

popup.html

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

time.js

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

上述方法仅动态地向<p>添加一个<div>。但是，我想添加多个<p>（每次点击browserAction图标时）。

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

我是Chrome扩展程序开发的新手，我们将不胜感激。如果我还可以添加更多内容以提高清晰度，请告知我们。

Answer 1

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

坦白说，我不知道你为什么会这么想。永远不会出现script标签中的javascript再次运行且DOM更改仍然存在的情况。

这通常需要的是事件模型，即。即类似于onPopupOpen。

如果您想要持久性，请将您的信息保存在localStorage，chrome.storage或无数其他可用的持久性引擎中。

Chrome扩展程序：动态添加网址到弹出页面

1 个答案: