时间戳

首页 > 解决方案 > 如何在特定页面上运行 JS 文件

javascript - 如何在特定页面上运行 JS 文件

问题描述

我有：

<body class="home">
  content
</body>

然后我有：

<script src="abs.js"></script>
<script src="abse.js"></script>
<script src="abses.js"></script>

我有这些脚本，它们在所有页面上运行。我如何只能在“.home”页面上运行它们？

谢谢 ：-）

标签： javascript

解决方案

您可以通过编写函数来解决问题，并通过检查 url 是否为主页 url 来加载脚本。检查以下代码，它将对您有所帮助。

注意：将网站 url 从/home/sys3028/Desktop/更改为您的

/* loading scripts */
        loadingScripts();

        /* written by christyram99 */
        /* used to load scripts for specific page */
        function loadingScripts() {
            /* getting url of current page */
            var url = window.location.pathname;
            if (url == "/home/sys3028/Desktop/home.html") { /* checking whether the current page is home page or not */
                var script = document.createElement('script');
                script.src = "1.js";
            } else if (url == "/home/sys3028/Desktop/login.html") { /* checking whether the current page is login page or not */
                var script = document.createElement('script');
                script.src = "2.js";
            } else if (url == "/home/sys3028/Desktop/contact.html") { /* checking whether the current page is contact page or not */
                var script = document.createElement('script');
                script.src = "3.js";
            }
        }

推荐阅读