js 新しいウィンドウを開くメソッドの配置_javascript スキル

window.location="aaa.aspx"

上記のメソッドは現在のページでのみ開くことができます。新しいページで開きたい場合は、次のメソッドを使用するのが最も簡単な方法です。

form.target= "_blank";
form.action="aaa.aspx";

window.top.location=url iframe は更新して親ウィンドウで開くことができます。

window.open メソッドでは、さまざまなスタイルを制御できます。たとえば、ウィンドウ表示のサイズ、ウィンドウ表示の内容、ポジションなどjs で window.open を使用する場合の欠点の 1 つは、ブラウザによって簡単にブロックされてしまうことです。この記事では、js で新しいウィンドウを開くさまざまな方法を紹介します。

1、新しいウィンドウを全画面で開きます

コードをコピーします コードは次のとおりです:

<SCRIPT> <br>var tmp=window. open("about:blank ","","fullscreen=1") <br>tmp.moveTo(0,0) <br>tmp.resizeTo(screen.width 20,screen.height); .focus(); <br>tmp.location=owurl; <br></head> <br><ahref=" :ow('http://www.aspxhome.com/');"> <br>ブログ</a> <br><br> <br>2、固定サイズで新しいウィンドウを開きます<br><br><br><br> </div>コードをコピーします<br><br><div class="codetitle"> コードは次のとおりです:<span><a style="CURSOR: pointer" data="18004" class="copybut" id="copybut18004" onclick="doCopy('code18004')"> <u><buttononclick="window.open('/red/ ','','width=800,height =300')">open1</button> </u><button onclick="varnewwin=window.open('/red/');newwin.moveTo(50 ,50);newwin.resizeTo(800,300)" >open2</button> </a><buttononclick="window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')"&gt ;open3</button> </span> </div> <div class="codebody" id="code18004">3、デフォルトのサイズが有効です<br><br><br><br> </div>コードをコピーします<br><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="95978" class="copybut" id="copybut95978" onclick="doCopy('code95978')"> <u><script&gt ; </U>//tmtC_winMaximizer </a>if (document.layers){ </span>var larg=screen.availWidth-10; =screen.availHeight-20;} </div>else{ <div class="codebody" id="code95978"> var larg=screen.availWidth-2; <BR>var altez=screen.availHeight;} <BR>self.resizeTo(larg,altez); >self.moveTo(0,0); <BR>//tmtC_winMaximizerEnd <BR></script>

-------------------- --------


4、通常どおりポップアップウィンドウを開きます




コードをコピー


コードは次のとおりです:

< /form>

------ ------------------------ ---------------------------- ---------------------- ---

a


5、IE6 SP1 のクロムレス ウィンドウ




コピーコード


コードは次のとおりです:

var CW_width = 400;
var CW_height = 300;
var CW_top = 100;
var CW_left = 100;
var CW_url = "http://www.cnbruce.com/bluebook/";
var New_CW = window.createPopup();
var CW_Body = New_CW.document.body;
var content = "";
var CSStext = "margin:1px;color:black; border:2pxoutset;border-style:expression_r(onmouseout=onmouseup=function(){this.style.borderStyle='outset'},onmousedown=function(){ if(event.button!=2)this.style.borderStyle='inset'});背景色:ボタン面;幅:16px;高さ:14px;フォントサイズ:12px;行の高さ:11px;カーソル:デフォルト;";

//ビルドウィンドウ
include.startDownload(CW_url,function(source){content=source});

function insert_content(){
var temp = "";
CW_Body.style.overflow = "非表示";
CW_Body.style.backgroundColor = "白";
CW_Body.style.border = "黒一色 1px";
content = content.replace(/]*)>/g,"");
temp = "";
temp = "";
temp = "IE6 SP1 の ChromelessWindow";
temp = "";
temp = "?";
temp = "0< /スパン>";
temp = "1";
temp = "x";
temp ="";
temp = "

";
温度 = コンテンツ;
temp = "

";
temp ="";
CW_Body.innerHTML = temp;
}

setTimeout("insert_content()",1000);

var if_max = true;
関数 show_CW(){
window.moveTo(10000, 10000);
if(if_max){
New_CW.show(CW_top, CW_left, CW_width, CW_height);
if(typeof(New_CW.document.all.include)!="未定義"){
New_CW.document.all.include.style.width = CW_width;
New_CW.document.all.Max.innerText = "1";
}

}else{
New_CW.show(0, 0, screen.width, screen.height);
New_CW.document.all.include.style.width = screen.width;
}
}

window.onfocus = show_CW;
window.onresize = show_CW;

// ウィンドウを移動
varrag_x,drag_y,draging=false

functionrag_move(e){
if (draging){
New_CW.show(e. screenX-drag_x、e.screenY-drag_y、CW_width、CW_height);
false を返します。
}
}

functionrag_down(e){
if(e.button==2)return;
if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height)return;
drag_x=e.clientX;
drag_y=e.clientY;
ドラッグ=true;
e.srcElement.setCapture();
}

functionrag_up(e){
draging=false;
e.srcElement.releaseCapture();
if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height) return;
CW_top = e.screenX-drag_x;
CW_left = e.screenY-drag_y;
}

6、打开即全画面

复制代代码如下:

<スクリプト言語="JavaScript"type="text/JavaScript">






------------------------------------------ --------------------------------------------------

<スクリプト>
window.open('/','','fullscreen=1');
window.close();

7，网页对话框

复制代码代码如下:

<スクリプト>
window.onload=function(){
varfeatures='status:0;dialogWidth:470px;dialogHeight:470px;dialogTop:100px;dialogLeft:100px;resizable:0;scroll:0;center:1';
showModelessDialog("http://www.aspxhome/",window,features);
}
function show(laysn)
{
var obj;
obj=laysn.style;
obj.visibility='可視';
}
関数 hidden(laysn)
{
var obj;
obj=laysn.style;
obj.visibility='hidden';
}

8、子窗口打开、关闭父窗口

复制代代码如下:

<スクリプト>
window.open('http://www.aspxhome.com/','','width=790,height=590');
window.opener=null;
window.close();