Javascript 通过window.open打开另一个HTML文件
我试图创建一个按钮,一旦点击,就会在弹出窗口中打开一个本地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>
<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请使用开发人员控制台。”。