本篇內容介紹了“JavaScript中window對象如何使用”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
專注于為中小企業(yè)提供成都網站制作、成都網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)南溪免費做網站提供優(yōu)質的服務。我們立足成都,凝聚了一批互聯(lián)網行業(yè)人才,有力地推動了上1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網站建設實現(xiàn)規(guī)模擴充和轉變。
alert() 彈出警告對話框
confrim() 在確認對話框顯示指定的字符串
prompt() 彈出一個提示對話框
open() 打開新瀏覽器對話框并且顯示URL或名字引用的文檔,并設置創(chuàng)建對話框的屬性
close() 關閉被引用的對話框
focus() 指定對話框放在所有瀏覽器最前面
blur() 指定對話框放在所有瀏覽器最后面
scrollTo(x,y) 把對話框滾動到指定的坐標
scrollBy(offsetx,offsety) 按照指定位移量滾動對話框
setTimeout(timer) 在指定的毫秒數(shù)過后,對傳遞的表達式求值
setInerval(interval) 指定周期性執(zhí)行代碼
moveTo(x,y) 將對話框移動到指定坐標
moveBy(offsetx,offsety) 將對話框移動到指定的位移量處
resizeTo(x,y) 設置對話框大小
resizeBy(offsetx,offsety) 按照指定的位移量設置對話框大小
print() “打印”
navigate(URL) 使用對話框顯示URL指定的頁面
格式: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>
<!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="關閉" onclick="window.close()"/> </body> </html>
顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。(按確認返回 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>
顯示可提示用戶輸入的對話框(按確認,返回輸入的值)
<!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>
按照指定的周期(以毫秒計)來調用函數(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>
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>
setTimeout和setInterval都屬于JS中的定時器,可以規(guī)定延遲時間再執(zhí)行某個操作,不同的是setTimeout在規(guī)定時間后執(zhí)行完某個操作就停止了
代碼內嵌式
<!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>
取消由setTimeout方法設置的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對象如何使用”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網站,小編將為大家輸出更多高質量的實用文章!
當前標題:JavaScript中window對象如何使用
文章來源:http://aaarwkj.com/article8/gjdgip.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站制作、微信公眾號、定制開發(fā)、外貿網站建設、云服務器、品牌網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)