Question

我有一个HTML模板，其中我使用了第三方javascript代码。这个特殊的代码提供了一个聊天选项。我已经在我的header.html中添加了这个脚本，以便它显示在所有页面中。但是我不希望它显示在我的登录页面中。我希望只有在登录后才会显示它。

如何从特定页面（此处为login.html）隐藏此内容？

了header.html

 <!doctype html>
 <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="bower_components/weather-icons/css/weather-icons.min.css">
    <link rel="stylesheet" href="styles/main.css">
</head>
<body data-ng-app="app" id="app" class="app" data-custom-page="" data-off-canvas-nav="" data-ng-controller="AppCtrl" data-ng-class=" {'layout-boxed': admin.layout === 'boxed' } ">
    <section data-ng-include=" 'views/index.html' " id="header" class="header-container" data-ng-class=" {'header-fixed': admin.fixedHeader} " data-ng-controller="HeaderCtrl" data-ng-intro-options="introOptions" data-ng-intro-method="startIntro" data-ng-intro-autostart="true"></section>  
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="scripts/vendor.js"></script>
    <script src="scripts/jquery.leanModal.min.js"></script>
    <script src="scripts/ui.js"></script>
    <script src="scripts/app.js"></script>
    <script src="scripts/product_listing.js"></script>
    <script src="scripts/angular-cookies.js"></script> 
 <script id="SettingsScriptTag"> 
 **Third Party script Goes here**
 </script>
</body>
</html>

上述header.html包含在所有其他模板中。 hense thrid party脚本也在登录页面中运行。我需要在登录页面中隐藏它。

Answer 1

如果你正在使用jQuery（我认为你是......？）

$(function () {
  if (window.location.pathname !== '/login.html') {
    // Third-party script goes here
  }
});

Answer 2

如果使用jquery .remove()用于删除html元素。因此，您可以在登录页面的文档就绪上编写此脚本。

$(document).ready(function(){
    $( "#SettingsScriptTag" ).remove();
});

从特定页面隐藏第三方脚本

2 个答案: