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");
   }
});

如何仅在index.html中显示页面加载弹出窗口

3 个答案: