Как вызвать функцию JavaScript из другого файла HTML? - PullRequest
Новая
       3

Как вызвать функцию JavaScript из другого файла HTML?

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

Я пытаюсь получить ссылку из отдельного HTML файла, чтобы показать указанный c auto JavaScript -скрытый элемент. На странице отображаются 8 отдельных кнопок, которые при нажатии отображают скрытый элемент div.

Код функции JavaScipt: 

    function tr() {
        var x = document.getElementById("tr");
        if (x.style.display === "block") {
            x.style.display = "none";
        } else {
            x.style.display = "block";
        }
    }

Еще раз я пытаюсь вызвать эту функцию из отдельного файла HTML.

Спасибо!

Редактировать: Да, извините, я должен был упомянуть, что я крайне неопытен с JavaScript. Теперь, когда я превращаю его в объект, кажется, что функция по-прежнему не вызывается. Что мне нужно включить, чтобы сделать этот объект глобальным? 

var name = {
    a : function tr() {
        (...)
    }
}

как я его называю: 

<button onclick="name.a()" class="button">

1 Ответ

1 голос
/ 20 апреля 2020

Используя это, вы можете вызвать функцию JavaScript из другого HTML файла: 

<script src="demo.js"></script>

здесь демо. js - ваше javaScript имя файла. и в этом коде добавьте id="tr" и onclick="tr()". 

<button onclick="tr()" class="button" id="tr">demo btn</button>

пример: 

function tr() {
    var x = document.getElementById("tr");
    alert("function is call");

    // if (x.style.display === "block") {
    //     x.style.display = "none";
    // } else {
    //     x.style.display = "block";
    // }
}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="tr()" class="button" id="tr">demo btn</button>
    <script src="demo.js"></script>
</body>

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

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

...