对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的起点教程