Question

在Javascript中，我想在弹出窗口中打开我的window.html文件。但它没有显示任何文字。只是一个空白页面。

这是index.html：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css" />

  <script language="javascript">
    var newwindow;

    function popit(url){
      newwindow = window.open(
          url, '', "status=yes, height=500; width=500; resizeable=0");
  }
  </script>
</head>
<body>
  <a href="javascript:popit(window.html);">CLICK ME!</a>
</body>
</html>

window.html：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <p>SAMPLE TEXT</p>
</body>
</html>

为什么它不显示任何文字？

Answer 1

javascript:popit(window.html);

替换为：

javascript:popit('window.html');

Answer 2

您的点击处理程序代码在语法上不正确：

<a href="#" onclick="popit('window.html');">CLICK ME!</a>

始终，始终打开您的开发者控制台以检查JavaScript错误！（编辑 - 实际上在这种情况下不会出现错误; window.html可能会解析为undefined！仍然保持控制台打开： - ）

另请注意，我使用了“onclick”属性而不是“href”。

Answer 3

没有崩溃的好工作代码。

简单和使这段代码变得更好的原因是你可以单独在JavaScript文件中使用它，并使它在一个具有相同弹出窗口大小的文件中整合，即使弹出窗口上有不同的页面。

<强>的Javascript

// Popup window code
function MyPopUp(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=454,width=580,left=0,top=200,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}

<强> HTML

<a href="JavaScript:MyPopUp('MyDirectory/Page.html');" title="My PopUp For You">My PopUp</a>

注意：您也可以将此作为onload在身体中使用，例如<body onload="JavaScript:MyPopUp('MyDirectory/Page.html');">，它也可以在onmouseover和其他人上工作......虽然我不建议这样做除非你想惹恼访问你网页的客户。

Javascript中的弹出窗口

3 个答案: