对javascript基本对象的属性以及方法的实例介绍

<!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需刷新才能执行]

«
»

PHP教程

PHP简介 PHP基本语法 PHP类型 PHP变量 PHP运算符 PHP控制结构 PHP函数 PHP类与对象 PHP异常处理函数库分类