html windows物件
阿新 • • 發佈:2018-12-07
輸出當前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!";
}
}
}