【问题标题】:Pop up window address bar is not consitent in Firefox and Chrome火狐和Chrome弹窗地址栏不一致
【发布时间】:2014-05-07 13:33:31
【问题描述】:

我有以下代码:

HTML

<p>Click the button to open an about:blank page in a new browser window that is 200px wide and 100px tall.</p>
<button onclick="popitup2()">Open Window</button>

JavaScript

function popitup2() {
    newwindow2 = window.open('', 'name', 'height=200,width=150');
    var tmp = newwindow2.document;
    tmp.write('<html><head><title>popup</title>');
    tmp.write('<link rel="stylesheet" href="js.css">');
    tmp.write('</head><body><p>this is once again a popup.</p>');
    tmp.write('<p><a href="javascript:alert(self.location.href)">view location</a>.</p>');
    tmp.write('<p><a href="javascript:self.close()">close</a> the popup.</p>');
    tmp.write('</body></html>');
    tmp.close();
}

当我在 Firefox 中运行时:弹出窗口的地址栏类似于“http://www.w3schools.com/js/tryit_view.asp?x=0.695266304636076

当我在 Chrome 中运行相同的程序时:弹出窗口的地址栏类似于“about:blank”

我的问题是:

即使我使用相同的代码 sn-p,为什么两个浏览器却不同? 如何为所有浏览器的弹出窗口制作通用地址栏(url)?

甚至我的应用程序也有这个问题。 我很想知道造成这种情况的根本原因。谁能解释一下?

【问题讨论】:

  • Why it is different for two browsers even though i am using the same code snippet? 欢迎来到网络开发。
  • 哈哈哈哈,终于找到像我这么讽刺的人了! :D @杰克:D

标签: javascript jquery html google-chrome window.open


【解决方案1】:

当您开始从事 Web 开发工作时,您会注意到很多这样的小不一致 - 重要的是要记住,虽然 HTML/CSS/Javascript 都有书面规范和标准,但这取决于浏览器制造商来实施这些标准,他们经常选择在一种浏览器和另一种浏览器之间以小(或大!)的方式来实现。您会注意到,在某些移动浏览器上,例如 iPhone 上的浏览​​器(据我所知,Chrome 的新金丝雀版本),地址栏甚至不显示普通页面的完整 URL,而只显示根地址的网站。这是我们作为 Web 开发人员必须忍受的东西——如果它不是技术规范中硬性和快速的部分,我们就不能总是期望事情能够始终如一地运行或以我们期望的方式运行。

【讨论】:

  • 有什么办法让它们保持一致吗?有什么办法吗?
  • 我不知道。正如我所说的——总会有一些事情是随意实施的,除非有人能纠正我,否则我认为这可能就是其中之一。
猜你喜欢
  • 2011-10-10
  • 1970-01-01
  • 2018-10-06
  • 1970-01-01
  • 1970-01-01
  • 2011-06-04
  • 2010-09-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多