對javascript基本對象的屬性以及方法的實例介紹

2019-11-21 02:20:08

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>文檔(DOM)對象</title> <script language="JavaScript"> var newWin; function window_onLoad() { var nF=document.navigatorForm; nF.textfield.value=navigator.appCodeName; nF.textfield2.value=navigator.appName; nF.textfield3.value=navigator.appVersion; nF.textfield4.value=navigator.platform; nF.textfield5.value=navigator.userAgent; nF.textfield6.value=navigator.javaEnabled(); var sF=document.screenForm; sF.textfield7.value=screen.width; sF.textfield8.value=screen.height; sF.textfield9.value=screen.availWidth; sF.textfield10.value=screen.availHeight; sF.textfield11.value=screen.colorDepth; var wF=document.windowForm; wF.textfield12.value=window.name; window.status="你好"; wF.textfield13.value=window.status; wF.textfield14.value=window.opener; wF.textfield15.value=window.self; wF.textfield16.value=window.parent; wF.textfield17.value=window.top; var hF=document.historyForm; hF.textfield18.value=history.length; var dF=document.documentForm; dF.textfield19.value=document.lastModified; dF.textfield20.value=document.referrer; dF.textfield21.value=document.title; } function opennewWin(url) {     newWin=window.open(url,"win","scrollbars=yes,location=yes,width=500,height=300,resizable=yes,left=100,top=100");     window.focus();     window.scrollTo(100,100); } </script> </head> <body onLoad="window_onLoad()"> <strong>navigaton</strong>  屬性：  <form name="navigatorForm" method="post" action="">   appCodeName(瀏覽器碼名):    <input type="text" name="textfield" size="60">      appName(瀏覽器名):    <input type="text" name="textfield2" size="60">      appVersion(瀏覽器版本號):   <input name="textfield3" type="text" size="60">      platform(瀏覽器操作平臺):    <input name="textfield4" type="text" size="60">      userAgent(瀏覽器全部信息):   <input name="textfield5" type="text" size="60">      javaEnabled(檢測當前瀏覽器是否允許Java):   <input name="textfield6" type="text" size="60"> </form> <strong>screen</strong>  屬性：  <form action="" method="post" name="screenForm">   <p>width(寬度):      <input name="textfield7" type="text" size="60">          height(高度):      <input name="textfield8" type="text" size="60">          availWidth(可用寬度):      <input name="textfield9" type="text" size="60">          availHeight(可用高度):      <input name="textfield10" type="text" size="60">          colorDepth(顏色位數):     <input name="textfield11" type="text" size="60">   </p> </form> <strong>window</strong> 屬性：  <form action="" method="post" name="windowForm">   <p>name(窗口標題):      <input name="textfield12" type="text" size="60">          status(狀態欄):      <input name="textfield13" type="text" size="60">          opener(父窗口):      <input name="textfield14" type="text" size="60">          self(返回的就是window自身):      <input name="textfield15" type="text" size="60">          parent(返回所屬框架頁對象):      <input name="textfield16" type="text" size="60">          top(返回整個窗口占據最頂端的框架頁對象):      <input name="textfield17" type="text" size="60">          history:見下     location:見下     documnet:見下 </p>   </form> 方法:  <form name="windowForm2" method="post" action="">   <input name="button" type="button" value="open a new window" onClick="opennewWin('http://bbs.blueidea.com/')"> </form> <strong>history</strong>  <form action="" method="post" name="historyForm">   length:   <input name="textfield18" type="text" size="60"> </form> <strong>document</strong> <form action="" method="post" name="documentForm">   lastModified:   <input name="textfield19" type="text" size="60">      referrer:   <input name="textfield20" type="text" size="60">      title:   <input name="textfield21" type="text" size="60"> </form> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：新浪的圖片新聞效果

下一篇：jQuery中文入門指南，翻譯加實例，jQuery的起點教程