Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过window.open打开另一个HTML文件_Javascript_Html - Fatal编程技术网

Javascript 通过window.open打开另一个HTML文件

Javascript 通过window.open打开另一个HTML文件,javascript,html,Javascript,Html,我试图创建一个按钮,一旦点击,就会在弹出窗口中打开一个本地HTML文件。当我运行代码时,按钮显示在我的页面上,但是当我点击它时,什么也没有发生。以下是我现在掌握的代码: <html> <head> <title>Positioning a Popup Window in the Center of the Window</title> </head> <body> <script language="JavaScr

我试图创建一个按钮,一旦点击,就会在弹出窗口中打开一个本地HTML文件。当我运行代码时,按钮显示在我的页面上,但是当我点击它时,什么也没有发生。以下是我现在掌握的代码:

<html>
<head> 
<title>Positioning a Popup Window in the Center of the Window</title> 
</head>
<body>
<script language="JavaScript">
function openWindow() {
     var w = 480, h = 340;

     if (document.getElementById) { 
         w = screen.availWidth;
         h = screen.availHeight;
     }

var popW = 300, popH = 200;

var leftPos = (w-popW)/2;
var topPos = (h-popH)/2;

msgWindow = window.open('separateHTML.html','popup','width=' + popW  + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos + ', scrollbars=yes');

</script>
<form>
<input type="button" onClick="openWindow()" value="Click Me"> 
</form>
</body>
</html>

将弹出窗口定位在窗口中心
函数openWindow(){
var w=480,h=340;
if(document.getElementById){
w=屏幕有效宽度;
h=屏幕可用高度;
}
var popW=300,popH=200;
var leftPos=(w-popW)/2;
var-topPos=(h-popH)/2;
msgWindow=window.open('separateHTML.html','popup','width='+popW+',height='+popH+',top='+topPos+',left='+leftPos+',滚动条=yes');

URL“separateHTML.html”指的是与此html文件位于同一目录中的另一个html文件。为什么按钮不转到“separateHTML.html”?

可能类似于此

<button onclick="myFunction()">PopUp Window</button>

<script>
function myFunction() {
    window.open("separateHTML.html", "_blank", top=300, left=200, width=480, height=340");
}
</script>
弹出窗口
函数myFunction(){
打开(“separateHTML.html”,“_blank”,顶部=300,左侧=200,宽度=480,高度=340”);
}

您忘记了在函数“}”的末尾关闭方括号

您通过getElementById检查从哪个古老的例子中得到了这个结果?您忘记了在函数“}的结尾关闭方括号“您缺少
}
openWindow
声明结束时关闭括号,否则JSFIDLE请使用开发人员控制台。”。