Как сделать Back <button> - PullRequest
Новая
       0

Как сделать Back <button>

0 голосов
/ 28 апреля 2020

Как запустить внешний файл javascript, когда <button> нажата в html?

Я пытаюсь сделать Назад <button> размещены на всех страницах. Функциональность такова, что после нажатия <button>, не go на предыдущую страницу, если предыдущая страница не является тем же сайтом.

Например, если Ранее вы загружали stackoverflow перед загрузкой сайта, и вы нажимаете эту кнопку назад, она не должна возвращать вас к stackoverflow . В противном случае, если вы были на том же веб-сайте до текущей страницы, то он должен отправить вас на предыдущую страницу.

Вот что у меня сейчас есть:

файл разметки 

<a href="back button.js" class="nav2">&#8592;</a>

файл сценария 

if (document.title="Personal database") {
    history.go(0)"onmouseover="self-status.referrer;return
}

Этот скрипт был взят в основном из этого видео о создании Back <button>, но создатель показал, что он переходит с сайта обратно в твиттер-логин, чего я не хочу, поэтому я и включил его в оператор if.

1 Ответ

0 голосов
/ 28 апреля 2020

Видео немного отличается от того, что вы пытались сделать. Он использует встроенный JS в html, поэтому обратите внимание, что важно, что onMouseOver является свойством <a>, а не javascript.

Это означает, что ваш код не будет работать, когда вы потяните его в отдельный JS файл, вот так, и ваш JS должен выглядеть следующим образом:

In backbtn. js: 

function backbtn() {
    if(document.title="Personal Database") {
      history.go(0);
    }
    else {
      history.go(-1);
   }

}

In index. html

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Personal Database</title>
  <script type="text/javascript" src="backbtn.js"></script>
  <meta charset="utf-8" />
</head>

<body>
  an example backlink using video method:
  <a href="javascript:if(document.title = 'Personal Database'){history.go(0)} else{history.go(-1)}" onmouseover="self-status.referrer;return true">This is a backClick</a></br>
  an example backlink method referencing function from js file
  <a href="javascript:backbtn()" onMouseOver="self-status.referrer;return true">This is a backClick 2</a>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...