window.open页面加载

时间:2015-06-19 15:26:46

标签: javascript jquery html css

我正在尝试在加载页面时加载窗口。如果我尝试使用按钮打开窗口,则代码可以正常工作。

我正在使用:

$(document).ready(function() {
window.open ('http://google.com/', 'newwindow', config='height=720,width=1064, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no');
});

但是,它没有加载窗口。

有什么建议吗?

$(document).ready(function() {
  window.open('http://google.com/', 'newwindow', config = 'height=720,width=1064, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no');
  $('.open_webmail').click(function() {
    window.open('http://google.com/', 'newwindow', config = 'height=720,width=1064, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no');
  });
});
.open_webmail {
  background-color: rgba(0, 124, 255, 0.7);
  color: white;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  display: inline-block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 200px;
  height: 100px;
  margin: auto;
}
.open_webmail:hover {
  background-color: rgba(163, 0, 255, 0.7);
  color: #c5c5c5;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button type="button" class="open_webmail">Login</button>

1 个答案:

答案 0 :(得分:0)

您可以尝试$(window).ready()同时检查弹出设置,也许它已被阻止。因为你的代码适用于js小提琴,我测试了它。