jq開啟瀏覽器新視窗 jquery開啟新的視窗

使用本**可以實現開啟乙個新的視窗，視窗的位置可變

html public "-//w3c//dtd xhtml 1.0 transitional//en" "">

jquery彈出視窗

.window{

width:250px;

background-color:#d0def0;

position:absolute;

padding:2px;

margin:5px;

display:none;

.content{

height:150px;

background-color:#fff;

font-size:14px;

overflow:auto;

.title{

padding:2px;

color:#0cf;

font-size:14px;

.title img{

float:right;

$(document).ready(function () {

$("#btn_center").click(function () {

popcenterwindow();

$("#btn_right").click(function () {

poprightwindow();

$("#btn_left").click(function () {

popleftwindow();

居中視窗

居中視窗

居左視窗

居左視窗

居右視窗

居右視窗

//獲取視窗的高度

var windowheight;

//獲取視窗的寬度

var windowwidth;

//獲取彈窗的寬度

var popwidth;

//獲取彈窗高度

var popheight;

function init(){

windowheight=$(window).height();

windowwidth=$(window).width();

popheight=$(".window").height();

popwidth=$(".window").width();

//關閉視窗的方法

function closewindow(){

$(".title img").click(function(){

$(this).parent().parent().hide("slow");

//定義彈出居中視窗的方法

function popcenterwindow(){

init();

//計算彈出視窗的左上角y的偏移量

var popy=(windowheight-popheight)/2;

var popx=(windowwidth-popwidth)/2;

//alert('jihua.cnblogs.com');

//設定視窗的位置

$("#center").css("top",popy).css("left",popx).slidetoggle("slow");

closewindow();

function popleftwindow(){

init();

//計算彈出視窗的左上角y的偏移量

var popy=windowheight-popheight;

//var popx=-(windowwidth-popwidth);

//alert(popy);

//設定視窗的位置

$("#left").css("top",popy-50).css("left",50).slidetoggle("slow");

closewindow();

function poprightwindow(){

init();

//計算彈出視窗的左上角y的偏移量

//設定視窗的位置

$("#right").css("top",popy-50).css("left",popx-50).slidetoggle("slow");

closewindow();

頁面效果如下：

瀏覽器對新視窗開啟頁面的阻止情況

事情是這樣的 我們後台人員有乙個需求，希望在ajax請求成功後的 函式裡，新視窗開啟乙個頁面。示例 如下 btn on click function success function 有三種辦法繞過這個問題，第一種方法 如下 btn on click function success functio...

JQ 獲取瀏覽器視窗寬高

window height 瀏覽器時下視窗可視區域高度 document height 瀏覽器時下視窗文件的高度 document.body height 瀏覽器時下視窗文件body的高度 document.body outerheight 瀏覽器時下視窗文件body的總高度 包括border pa...

ajax開啟新視窗被瀏覽器攔截的解決辦法

先開始開啟乙個空的新視窗，然後改變新視窗的url，具體 為 var wd window.open ajax success function data else error function data 這種實現方式有個弊端，就是不管ajax有沒有成功，都會執行 var wd window.open ...