JavaScript中window對象如何使用
本篇內(nèi)容介紹了“JavaScript中window對象如何使用”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！
專注于為中小企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)南溪免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
Window對象方法
alert() 彈出警告對話框
confrim() 在確認對話框顯示指定的字符串
prompt() 彈出一個提示對話框
open() 打開新瀏覽器對話框并且顯示URL或名字引用的文檔，并設(shè)置創(chuàng)建對話框的屬性
close() 關(guān)閉被引用的對話框
focus() 指定對話框放在所有瀏覽器最前面
blur() 指定對話框放在所有瀏覽器最后面
scrollTo(x,y) 把對話框滾動到指定的坐標
scrollBy(offsetx,offsety) 按照指定位移量滾動對話框
setTimeout(timer) 在指定的毫秒數(shù)過后，對傳遞的表達式求值
setInerval(interval) 指定周期性執(zhí)行代碼
moveTo(x,y) 將對話框移動到指定坐標
moveBy(offsetx,offsety) 將對話框移動到指定的位移量處
resizeTo(x,y) 設(shè)置對話框大小
resizeBy(offsetx,offsety) 按照指定的位移量設(shè)置對話框大小
print() “打印”
navigate(URL) 使用對話框顯示URL指定的頁面
示例如下：
1、open()
格式：window.open(URL,windowname)
URL：目標鏈接地址
windowname：新窗口名稱
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象open方法</title>
<script>
</script>
</head>
<body>
<script>
window.open("http://www.nuc.edu.cn/");
</script>
</body>
</html>2、close()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>window對象open方法</title> <script> </script> </head> <body> <input type="button" value="關(guān)閉" onclick="window.close()"/> </body> </html>
3、confirm()
顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。(按確認返回 true 按取消返回false)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象confirm方法</title>
<script>
window.confirm("胡立群最帥");
</script>
</head>
<body>
</body>
</html>
4、prompt()
顯示可提示用戶輸入的對話框(按確認，返回輸入的值)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象prompt方法</title>
<script>
window.prompt("請輸入驗證碼");
</script>
</head>
<body>
</body>
</html>
5、setInterval()
按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達式 (通俗來講就是，設(shè)置幾毫秒運行一次程序)
格式：setInterval ( ‘js代碼或者函數(shù)’,執(zhí)行函數(shù)或者代碼的間隔時間)
<!--方法1-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象setInterval方法</title>
<script>
setInterval('test();',1000);
function test(){
alert("hello world")
}
</script>
</head>
<body>
</body>
</html>
<!--方法2-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象setInterval方法</title>
<script>
setInterval('alert("hello world");',1000);
</script>
</head>
<body>
</body>
</html>
6、clearInterval()
setInterval則可以一直循環(huán)下去，要想停止，可用window.clearInterval( );
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象setInterval方法循環(huán)取消方法--clearInterval</title>
<script>
var 控制循環(huán)=setInterval('alert("hello world");',3000);
</script>
</head>
<body>
<input type="button" value="停止循環(huán)" onclick="控制循環(huán)=window.clearInterval(控制循環(huán))" >
</body>
</html>
7、setTimeout()
setTimeout和setInterval都屬于JS中的定時器，可以規(guī)定延遲時間再執(zhí)行某個操作，不同的是setTimeout在規(guī)定時間后執(zhí)行完某個操作就停止了
代碼內(nèi)嵌式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象setTimeout方法</title>
<script>
var 控制循環(huán)=setTimeout('alert("hello world");',3000);
</script>
</head>
<body>
</body>
</html>嵌入函數(shù)式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象setTimeout方法</title>
<script>
var 控制循環(huán)=setTimeout('test()',3000);
function test(){
alert("hello world");
}
</script>
</head>
<body>
</body>
</html>
8、clearTimeout()
取消由setTimeout方法設(shè)置的timeout (停止setTimeout())
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window對象setTimeout方法取消方法--clearTimeout</title>
<script>
var 控制循環(huán)=setTimeout('test()',3000);
function test(){
alert("hello world");
}
</script>
</head>
<body>
<input type="button" value="停止循環(huán)" onclick="循環(huán)控制=window.clearTimeout(控制循環(huán))">
</body>
</html>
“JavaScript中window對象如何使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
當前標題：JavaScript中window對象如何使用
文章來源：http://chinadenli.net/article8/gjdgip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、微信公眾號、定制開發(fā)、外貿(mào)網(wǎng)站建設(shè)、云服務(wù)器、品牌網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 企業(yè)建站有哪些功能？ 2016-05-14
- 企業(yè)建站經(jīng)驗：如何建站和備案 2015-08-16
- 中小企業(yè)建站的注意事項有哪些 2022-10-14
- 創(chuàng)新互聯(lián)建站談?wù)勂髽I(yè)建站的必要性 2022-06-27
- 企業(yè)建站的布局要點和常用互動設(shè)計 2021-03-21
- 中小企業(yè)建站費用由哪些因素決定？ 2016-05-07
- 做好品牌網(wǎng)站建設(shè)企業(yè)建站策劃方案很重要 2020-11-26
- 企業(yè)建站的方式 2021-03-24
- 成都網(wǎng)站建設(shè)-中小企業(yè)建站之前這些常識一定要知曉 2016-09-29
- 企業(yè)建站網(wǎng)站的意義與作用 2017-09-10
- 企業(yè)建站這樣做才能避免這六個陷阱 2022-05-22
- 企業(yè)建站的目的 2022-10-19