以feedback.js弹出窗口为中心

时间:2018-02-20 05:23:13

标签: javascript

我在很多年前(8到10年前,我认为)找到了以下JavaScript代码,尽管我记不起在哪里或何时。我用它来制作弹出窗口,为我的法国学生提供一个Jeopardy评论游戏的答案。我讨论了一点,但我不太了解编码的绝对基础知识(我知道如何更改此代码中的背景颜色和窗口大小,例如)。我想让弹出窗口居中在页面中间,而不是在窗口的左上方打开。

我已经看到代码位响应其他问题(例如Center a popup window on screen?)看起来应该会发生这种情况但是当我尝试将它们添加到我现有代码的不同位置时,它总是会反馈窗口不再打开。我不太了解编码知道我需要什么代码或放在哪里。我试过拉VAR线并将它们添加到现有代码中,但正如我所说,它完全禁用了弹出窗口。

有人可以帮我告诉我是否可以修改此代码以将弹出窗口置于页面中间位置,或者我是否应该尝试找到不同的代码来实现这一目标?

感谢您的帮助。 香农

以下是我的代码:

function feedback(message) { 
var browser = navigator.appName;
var browserVersion = navigator.appVersion;

if ((browser.indexOf ("Netscape") >= 0) || (browser.indexOf ("Explorer") >= 0)) {

// This function opens a new window with the message text.
// The window will disappear when it loses focus. 

msgWindow=window.open('','msgWindow','toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=no,width=210,height=180');
msgWindow.document.open();
msgWindow.focus();
msgWindow.document.write("<HEAD><TITLE>message</TITLE>");
msgWindow.document.write("</HEAD>");
msgWindow.document.write
("<BODY BGCOLOR='#FAE080' onblur='window.close()'>");
msgWindow.document.write
("<P><CENTER><FONT SIZE=+1><B>" + message + "</FONT></B></P></CENTER>");

msgWindow.document.write("</BODY>");
msgWindow.document.close();

} else { // Not Netscape or Internet Explorer
alert(message);
}

} // end of JavaScript Function feedback

1 个答案:

答案 0 :(得分:0)

它在代码段中不起作用,但你可以查看这个小提琴Check this

function myFunction() {
var pageURL="http://google.com";
  var w = 500;
  var h = 500;
  var left = (screen.width/2)-(w/2);
  var top = (screen.height/2)-(h/2);
    window.open("https://www.google.com",'','width=' + w +', height='+h +',top='+top+',left='+left);
}
<button onclick="myFunction()">Click Here</button>

您修改的代码将如下Check updated Fiddle

   function feedback(message) { 
    var browser = navigator.appName;
    var browserVersion = navigator.appVersion;

   if ((browser.indexOf ("Netscape") >= 0) || (browser.indexOf ("Explorer") >= 0)) {

  // This function opens a new window with the message text.
  // The window will disappear when it loses focus. 
   var w = 210;
   var h = 190;
   var left = (screen.width/2)-(w/2);
   var top = (screen.height/2)-(h/2);
   var msgWindow=window.open("",'','width=' + w +', height='+h +',top='+top+',left='+left);
     msgWindow.document.open();
     msgWindow.focus();
     msgWindow.document.write("<HEAD><TITLE>message</TITLE>");
     msgWindow.document.write("</HEAD>");
     msgWindow.document.write("<BODY BGCOLOR='#FAE080' onblur='window.close()'>");
     msgWindow.document.write("<P><CENTER><FONT SIZE=+1><B>" + message + "</FONT></B></P></CENTER>");

    msgWindow.document.write("</BODY>");
    msgWindow.document.close();

  } else { // Not Netscape or Internet Explorer
     alert(message);
  }

  } // end of JavaScript Function feedback