如何仅在某些页面中运行脚本 - jQuery

时间:2017-08-07 15:51:56

标签: jquery

在我的网页中,我有一些页面/ home,/ about,/ gallery,/ contact。

我有一个脚本为main.js。在这个main.js脚本中,我编写了一些函数。其中许多是针对所有页面而且只是一个我不想进入主页的功能,是否有任何解决方案,所以我可以控制运行哪个页面的功能!

其实我想问的是,我可以通过主要ID或主类进行此控制 作为>如果在页面上存在#homepage不执行其他执行,或者同意这个想法吗?

我的国王问候,

3 个答案:

答案 0 :(得分:1)

可以在表示页面类型的body标记中添加一个或多个类。

类似的东西:

<body class="home">

然后检查该课程:

function homePageOnly(){
  // home page only code
}

if($('body.home').length){
    homePageOnly();
}

答案 1 :(得分:0)

JavaScript将是:

<script type="text/javascript">
    //about
    if(window.location.pathname == '/about') {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'path/to/main.js';
        head.appendChild(script);
    }

    //gallery
    if(window.location.pathname == '/gallery') {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'path/to/gallery.js';
        head.appendChild(script);
    }
</script>

答案 2 :(得分:0)

是的,您可以使用单个脚本创建单独的文件,然后将该文件导入您要执行的页面,如此 <script type="text/javascript" src="path/to/script.js"></script>