ホームページ > 記事 > ウェブフロントエンド > js 新しいウィンドウを開くメソッドの配置_javascript スキル
js 新しいウィンドウを開くメソッドの配置_javascript スキル
- WBOYオリジナル
- 2016-05-16 16:59:481240ブラウズ
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')"> ;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> ; </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 のクロムレス ウィンドウ
コピーコード
コードは次のとおりです:
------ ------------------------ ---------------------------- ---------------------- ---
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(/
temp = "";
temp = "
temp = "
temp = "
temp = "?";
temp = "
temp = "
temp = "x";
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();
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。