2014-05-20 70 views
0

彈出窗口,我hjave打開一個新窗口的JavaScript函數:爲什麼谷歌瀏覽器在不同的位置顯示那麼在Firefox和IE

我的index.htm網頁有3個環節:

<body> 
    <div class="nav"> 
     <a href = "javascript:openContent('jobsearch.htm', 875, 1300, 0, 300)">Job Search</a><br /> 
     <a href = "javascript:openContent('details.htm?page_id=7&details_id=7',875, 1300, 0, 300)">Job Details</a><br /> 
     <a href = "javascript:openContent('apply.htm?page_id=10&details_id=7', 875, 1300, 0, 300)">Apply</a><br/> 
    </div> 
</body> 

openContent功能:

function openContent(url, width, height, top, left) 
{ 
    var win; 
    win = window.open(url, 'content', "toolbar=no, titlebar=no, status=no, scrollbars=no, resizable=no, top=" + top + ", left=" + left + ", width=" + width + ", height=" + height + "\""); 
    win.focus(); 
} 

當點擊index.htm網頁的鏈接我打開某些網頁和firefoxIE,窗口運位於同一位置,但在chrome上,它位於thr頁面最左側的位置。

任何想法?

謝謝

回答

1

你應該儘量避免使用本地彈出窗口儘可能的原因如下:

  1. 很多瀏覽器的默認阻止他們。
  2. 每個瀏覽器都以不同的方式呈現它們。
  3. 他們通常被認爲是煩人的。

好的替代品是jQuery UI Dialog,它可以讓你更好地控制它的呈現方式。

但是如果你堅持使用本地彈出窗口,你可以試試moveTo功能,例如:

function example() { 
    var win = window.open("http://stackoverflow.com/", 'content', "toolbar=no, titlebar=no, status=no, scrollbars=no, resizable=no, width=500, height=500"); 
    win.focus(); 
    win.moveTo(50, 50); 
} 

在Firefox,Chrome和IE瀏覽器的最新版本爲我工作。

相關問題