1. 程式人生 > >html windows物件

html windows物件

輸出當前URL的主機名及埠:

document.write(location.host);

輸出主機名:

document.write(location.hostname);

輸出完整的url:

document.write(location.href);

列印當前視窗的內容:

function printpage()
{
window.print();
}

開啟對話方塊並輸入:

<p>點選按鈕檢視輸入的對話方塊。</p>
<button onclick="myFunction()">點我</button>
<p id="demo"></p>

JS:

function myFunction(){
	var x;
	var person=prompt("請輸入你的名字","Harry Potter");
	if (person!=null && person!=""){
	    x="你好 " + person + "!今天感覺如何?";
	    document.getElementById("demo").innerHTML=x;
	}
}

把內容滾動到指定座標:

function scrollWindow(){
    window.scrollTo(100,500);
}

週期執行函式並停止:

<button onclick="int=window.clearInterval(int)">Stop</button>

JS:

var int=self.setInterval(function(){clock()},1000);
function clock()
  {
  var d=new Date();
  var t=d.toLocaleTimeString();
  document.getElementById("clock").value=t;
  }

指定函式執行時間:

<p>點選按鈕,在等待 3 秒後彈出 "Hello"。</p>
<button onclick="myFunction()">點我</button>

JS:

function myFunction(){
	setTimeout(function(){alert("Hello")},3000);
}

返回可用高度、寬度:

document.write("可用高度: " + screen.availHeight);
document.write("可用寬度: " + screen.availWidth);

返回上一頁、載入下一頁:

function goBack() { window.history.back() } </script>
function goForward() {  window.history.forward()  } </script> 

 

開啟瀏覽器,並判斷是否打開了瀏覽器:


<input type="button" value="Open 'myWindow'" onclick="openWin()" />
<input type="button" value="Close 'myWindow'" onclick="closeWin()" />
<br><br>
<input type="button" value="Has 'myWindow' been closed?" onclick="checkWin()" />
<br><br>
<div id="msg"></div>

JS:

var myWindow;

function openWin()
{
myWindow=window.open("","","width=400,height=200");
}

function closeWin()
{
if (myWindow)
  {
  myWindow.close();
  }
}

function checkWin()
{
if (!myWindow)
  {
  document.getElementById("msg").innerHTML="'myWindow' has never been opened!";
  }
else
  {
  if (myWindow.closed)
    { 
    document.getElementById("msg").innerHTML="'myWindow' has been closed!";
    }
  else
    {
    document.getElementById("msg").innerHTML="'myWindow' has not been closed!";
    }
  }	
}