3

我有 popup.html 我想在用户单击 href 时在扩展中加载不同的 html 页面。示例用户将输入用户名和密码,如果它们是正确的 login.html 重定向到内容。

试过这个:

window.onload=function(){
$( '#Login' ).click(function() { 
    alert('test');  
        chrome.browserAction.setPopup({
            popup:"login.html"
            });
        
});
}

登录是一个按钮。但是 login.html 没有出现。警报正在起作用。

4

2 回答 2

1

要更改弹出的 html 页面,您可以使用

chrome.browserAction.setPopup

此页面上的更多详细信息http://developer.chrome.com/extensions/browserAction.html

你可以这样做:

在 html 中:

<a onclick="changePopup();" href="#"> change popup</a>

在js中:

function changePopup(){
    chrome.browserAction.setPopup({
       popup:"second_page.html"
    });
}

您没有指定链接放置在哪里?在弹出页面或 html 页面中,所以我假设链接放置在弹出 html 页面中。

如果链接放在扩展之外,您应该使用内容脚本https://developer.chrome.com/extensions/content_scripts.html

更新:您应该根据需要使用背景页面或事件页面将 java-script 文件放在 manifest.json 中。

在这里您可以找到更多信息:

https://developer.chrome.com/extensions/background_pages.html

http://developer.chrome.com/extensions/event_pages.html

....
  "background": {
    "scripts": ["background.js"]
  },
....

如果您使用标签从您的 html 页面加载 javscript 文件<script>,您应该使用消息传递 api: http: //developer.chrome.com/extensions/messaging.html与您的 html 交互。

于 2013-07-24T09:18:30.743 回答
0

试试这个

<a href="another-page.html"><button id="add-button">Go to another popup</button></a>

于 2021-05-04T13:02:51.197 回答