显示站点 URL 的 Javascript 警报。如何从 javascript 警报顶部删除站点 url？

Question

javascript 警告框显示 url + msg。我没有通过任何东西，但它在警告框的顶部显示了 url。我怎样才能删除这个网址？当我的站点从另一个站点重定向时，该 url 会显示。

表示从 abc.com 重定向到 xyz.com 并且警告框显示 xyz.com + msg？

Answer 1

How can i remove site url from top of javascript alert?

你不能。浏览器添加它，以便用户知道该消息不是来自浏览器本身。

您唯一能做的就是完全停止使用 alert，而是使用现代技术在页面顶部叠加元素。您可以自己编写，或使用许多“灯箱”库中的任何一个。请注意，这样做会稍微改变您的编码方式，因为虽然 alert(以及 confirm 和 prompt)使页面上的脚本执行到当它们在屏幕上时突然停止，您不能在自己的代码中执行此操作，因此您必须构建代码以在收到用户关闭该框的事件时继续。通常库会给你一个回调，你可以使用它，例如这个 alert 代码:

function foo() {
    doSomething();
    alert("Foo!");
    if (x != 42) {
        doSomethingElse();
    }
}

成为

function foo() {
    doSomething();
    someNiftyLightboxThingy("Foo!", function() {
        if (x != 42) {
            doSomethingElse();
        }
    });
}

不难，你只需要习惯它。

您不必为此使用库，但这样做可以让您不必担心边缘情况，并可能为您提供更多功能。这是一个相当简单的示例:

HTML:

<input type='button' id='btnPopup' value='Click for Pop-Up'>

CSS:

iframe.shim {
  width:            100%;
  height:           100%;
  position:         absolute;
  left:             0px;
  top:              0px;
  z-index:          100;
  background-color: #fff;
  opacity:          0.5;                 /* Standard */
  filter:           alpha(opacity = 50); /* For IE */
}
div.overlay {
  z-index:          101;
  border:           1px solid black;
  background-color: #ecc;
  position:         absolute;
  left:             100px;
  top:              100px;
}

JavaScript:

function doVerySimplePopup(text, callback) {
  var shim, div, parent = document.body;

  shim = document.createElement('iframe');
  shim.className = 'shim';
  parent.appendChild(shim);

  div = document.createElement('div');
  div.className = 'overlay';
  div.innerHTML = text;
  parent.appendChild(div);
  div.onclick = function() {
    parent.removeChild(div);
    parent.removeChild(shim);
    if (typeof callback === "function") {
      try { callback(); } catch (e) { }
    }
  };
}

Live example

显然，您想要稍微改进一下，而且，这只是一个简单的示例，而不是一个完整的解决方案。