使用Javascript的弹出窗口

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

这是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>

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

来源

2013-04-28 Boy Karton

很多浏览器阻止弹出窗口... – JAAAY 2017-03-13 21:58:01

javascript:popit(window.html);

替换为：

javascript:popit('window.html');

来源

2013-04-28 14:42:05 BestDeveloper

哦，我愚蠢。非常感谢！ – 2013-04-28 14:44:14

你的点击处理程序代码是语法不正确：

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

永远，永远有你的开发者控制台，打开检查JavaScript错误！（编辑 —其实在这种情况下，就不会出现错误;！window.html将解析为undefined可能仍然，保持控制台打开:-)

另外请注意，我用了一个“点击”属性，而不是“HREF”。

来源

2013-04-28 14:40:40 Pointy

一个良好的工作代码没有崩溃。

简单是什么使这个代码更好是，你可以用它在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');">，它会ASLO上onmouseover等工作。 ..虽然我不建议这样做，除非你想要剥夺访问你的网页的客户。

来源

2017-03-13 21:27:30 SeekLoad

使用Javascript的弹出窗口

回答

相关问题