2016-01-17 18 views
0

我可以获取URL。我想将网址添加到我的popup.html中。但是,popup.html页面只显示一个URL(最后一个)。Chrome扩展程序:将动态网址添加到弹出页面

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图标)。

我见过一些类似的帖子,但都没有工作。我已经上了相当长的一段时间,似乎无法解决它(这是完成我的扩展之前需要完成的最后一步)

我是铬扩展开发的新手,任何帮助都会赞赏。如果还有什么我可以添加以提高清晰度,请让我知道。

回答

0

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

我不知道为什么你会期望,否则,坦率地说。在script标签中的javascript永远不会再运行DOM更改。

这通常需要的是一个事件模型,即像onPopupOpen

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

相关问题