如何僅在index.html中顯示頁面加載彈出窗口

Question

$(function(){
var overlay = $('<div id="overlay"></div>');
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
$('.close').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});

$('.x').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});
});

這是我的JavaScript代碼。...jquery插件： http : //code.jquery.com/jquery-1.8.2.js

jsfiddle： http : //jsfiddle.net/7QA3p/

此彈出窗口適用於每個頁面的頁面加載。但是我只想顯示index.html的頁面加載

Answer 1

使用代碼檢查頁面是否為index.html，

 var pagePathName = window.location.href;
if (pagePathName.substring(pagePathName.lastIndexOf("/") + 1) == "index.html") {}

那么您可以顯示或不顯示彈出窗口，例如

$(function () {
    var pagePathName = window.location.href;
    if (pagePathName.substring(pagePathName.lastIndexOf("/") + 1) == "index.html") {
        var overlay = $('<div id="overlay"></div>');
        overlay.show();
        overlay.appendTo(document.body);
        $('.popup').show();
    }
}

Answer 2

您可以使用此條件來檢查：

if (document.location.pathname.substr(-11) === "/index.html") {
    //your code here
}

Answer 3

將QueryString（用作標識符）添加到您的URL中，如下例所示：

http://example.com/index.html?pop=1

$(function(){
   //check here
   var checkQString = window.location.search;
   if(checkQString.startsWith('?')) {
      alert("Open Pop up here");
   } else {
      alert("no pop up");
   }
});