JavaScript 1.6 windows物件
阿新 • • 發佈：2018-12-18
一、示例
<body>
<button onclick="cli()">示例1</button>
<br>
<button onclick="ope()">示例2</button>
<br>
<button onclick="exm()">示例3</button>
<br>
<button id="butt" onclick="start()" value="0" type="button">開始</button>
<input type="text" id="tex" value="00">
<script>
var a;
function cli() {
a = window.open("http://news.baidu.com/","mywindow","width=600, height=600");//開啟一個視窗，視窗大小600*600
a.resizeBy(200,-200);//調整視窗寬高，正數+，負數-；resizeTo()：把視窗調整為指定畫素寬高
var x = (window.outerWidth - a.outerWidth)/2;//定位居中的x座標
var y = (window.outerHeight - a.outerHeight)/2;//定位居中的y座標
a.moveTo(x,y);//視窗居中,moveTo針對於視窗左上角進行移動，moveBy相對於視窗現在的位置進行移動，使用moveBy使視窗a居中的話，x上的座標應該是(window.outerWidth/2 - a.outerWidth/2)
window.setTimeout(clo,2000);//設定視窗2秒後執行的方法；setInterval()按照指定的時間，進行週期性呼叫函式
}
function clo() {
window.close();
a.close();
}
function ope() {
var d = window.open('','newwindow','width = 300, height= 200');
var b = window.open('','newwindow1','width = 300, height= 200');
var x = window.outerWidth/2 - d.outerWidth/2;//定位居中的x座標
var y = window.outerHeight/2 - d.outerHeight/2;//定位居中的y座標
d.moveBy(x,y);
d.focus();//d視窗獲得焦點
}
function exm() {
var d = window.open('','newwin','width = 480,height = 240');
document.write(d.innerHeight + "<br>");//返回視窗的文件顯示區的高度
document.write(d.innerWidth + "<br>");//返回視窗的文件顯示區的寬度。
document.write(d.outerHeight + "<br>");//返回視窗的外部高度。
document.write(d.outerWidth + "<br>");//返回視窗的外部寬度。
d.opener.document.write("向windows視窗寫入內容");//opener返回建立視窗d的window物件的引用
/*
channelmode=yes|no|1|0 是否使用劇院模式顯示視窗。預設為 no。
directories=yes|no|1|0 是否新增目錄按鈕。預設為 yes。
fullscreen=yes|no|1|0 是否使用全屏模式顯示瀏覽器。預設是 no。處於全屏模式的視窗必須同時處於劇院模式。
height=pixels 視窗文件顯示區的高度。以畫素計。
left=pixels 視窗的 x 座標。以畫素計。
location=yes|no|1|0 是否顯示地址欄位。預設是 yes。
menubar=yes|no|1|0 是否顯示選單欄。預設是 yes。
resizable=yes|no|1|0 視窗是否可調節尺寸。預設是 yes。
scrollbars=yes|no|1|0 是否顯示滾動條。預設是 yes。
status=yes|no|1|0 是否新增狀態列。預設是 yes。
titlebar=yes|no|1|0 是否顯示標題欄。預設是 yes。
toolbar=yes|no|1|0 是否顯示瀏覽器的工具欄。預設是 yes。
top=pixels 視窗的 y 座標。
width=pixels 視窗的文件顯示區的寬度。以畫素計。
*/
}
</script>
<script>
var c = 0;
var id ;
function start() {
var ele = document.getElementById("butt");
if(ele.value == "0"){
ele.innerHTML = "暫停";
ele.value = "1";
countTime();
}
else if(ele.value == "1"){
ele.innerHTML = "開始";
ele.value = "0";
clearTimeout(id);
}
}
function countTime() {
id = setTimeout(countTime,1000);
c = c + 1;
if(c < 10){
document.getElementById("tex").value = "0" + c;
}
else
document.getElementById("tex").value = c;
}
</script>