Показывать новую ссылку каждый раз, когда используется всплывающее окно - PullRequest
0 голосов
/ 18 апреля 2019

Я собираюсь создать расширение для Google Chrome, которое будет отображать разные ссылки на разные веб-сайты при каждом его использовании.

То есть у меня есть список веб-сайтов, и я хочу перебирать список таким образом, чтобы каждый раз, когда я щелкаю расширение, показывается следующая ссылка.

В настоящее время мой файл popup.html выглядитвот так

<!DOCTYPE html>
<html>
<head>
<title>My First Chrome Extension</title>
<style>
    #popup{
        width:300px;
        height:200px;
        text-align:center;
        line-height:200px;
    }
</style>
    <script src="popup.js"></script>
 </head>
<body>
<div id="popup">
        <a href="some_link.com" target="_blank">next link</a>
</div>
</body>
</html>

(файл popup.js пуст).Когда я нажимаю на значок моего расширения, он отображает ссылку на «some_url.com», которая открывается в новой вкладке (отлично).То, что я ищу, - это возможность отображать «еще одну ссылку», когда я снова нажимаю значок расширения («еще одна ссылка» - следующая из некоторого предопределенного списка).

Я был бы очень признателен за помощь/ resources, чтобы иметь возможность добавить это поведение в расширение.Я новичок в расширениях Chrome (и JavaScript) и не знаю, куда идти дальше.

1 Ответ

0 голосов
/ 20 апреля 2019

Вы можете создать тег привязки с некоторым идентификатором на странице popup.html

<a id="show-links" target="_blank"></a>

Затем в своем файле popup.js добавьте атрибут hfref к этому элементу, используя javascript

var a = document.getElementById('show-links');
//create an array with all links
links_array = ["some_link.com", "some_link1.com", "some_link2.com"];
//assign links to a from array at random
a.href = links_array[Math.floor(Math.random() * links_array.length)];
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...