码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript - 对象

时间:2016-05-15 16:48:27      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:

1.对象(Object)或实例(instance):在JavaScript中,对象则是数据与程序代码的组合,它可以是整个应用程序或整个应用程序的一部分。  2.属性(property)或字段(filed):是用来描述对象的特质。  3.方法(method):是用来执行对象的动作。  4.事件(event):是在某些情况下发出特定信号警告。  5.类(class):是对象的分类,就像对象的蓝图,隶属于相同类的对象具有相同 的属性,方法与事件,但属性的值则不一定相同。  6.window对象包括以下三类子对象:  (1)核心对象:Array,Boolean,Date,Error,Function,Global,Math,Number,Object,RegExp,String等对象;  (2)环境对象:可以通过环境对象访问浏览器或用户屏幕的信息,包括location,screen,navigator,history等对象;  (3)document对象:这个对象代表的是HTML文件本身,可以通过它访问HTML文件的元素,包括窗体,图片,表格,超链接等。

1.window对象

window对象代表一个浏览器窗口(window),索引标签(tab)或框架(frame)。

 

2.核心对象

 

2.1Number

 

      window.document.write(Number.MAX_VALUE + "<br>");
      window.document.write(Number.MIN_VALUE + "<br>");
      window.document.write(Number.NaN + "<BR>");
      window.document.write(Number.NEGATIVE_INFINITY + "<br>");
      window.document.write(Number.POSITIVE_INFINITY + "<br>");
      var X = new Number(123.456);
      window.document.write(X + "转换为科学表示法得到" + X.toExponential() + "<br>");
      window.document.write(X + "取到小数点后面二位得到" + X.toFixed(2) + "<br>");
      window.document.write(X + "转换为字符串得到" + X.toString() + "<br>");     
      window.document.write(X + "设定为8位精确位数得到" + X.toPrecision(8) + "<br>");
      window.document.write(X + "取值得到" + X.valueOf() + "<br>");

 

2.2Boolean

 

当以第一种方式简历布尔类型的变量时,只有在参数为false,0,null,undefined的情况下,会得到值为false的变量。

 

var X=new Boolean(false);
var X=false;

 

2.3String

 

var X="Java Script!";

charAt(index);
charCodeAt(index);
indexOf(str,start);
lastIndexOf(str);
match(str);
search(str);
concat(str);
replace(str1,str2);
split(str);
substr(index,length);
substring(i1,i2);
toLowerCase();
toUpperCase();

 

String对象也提供了如下表的格式编排方法,可以将字符串输出为对应的HTML元素。

 

      var X = new String("JavaScript程序设计");
      window.document.write("anchor(): " + X.anchor() + "<br>");
      window.document.write("big(): " + X.big() + "<br>");
      window.document.write("blink(): " + X.blink() + "<br>");
      window.document.write("bold(): " + X.bold() + "<br>");
      window.document.write("fixed(): " + X.fixed() + "<br>");
      window.document.write("fontcolor(‘red‘): " + X.fontcolor("red") + "<br>");
      window.document.write("fontsize(7): " + X.fontsize(7) + "<br>");
      window.document.write("italics(): " + X.italics() + "<br>");
      window.document.write("link(‘http://www.baidu.com‘): " + 
      X.link("http://www.baidu.com") + "<br>");
      window.document.write("small(): " + X.small() + "<br>");
      window.document.write("strike(): " + X.strike() + "<br>");
      window.document.write("sub(): " + X.sub() + "<br>");
      window.document.write("sup(): " + X.sup() + "<br>");

 

2.4Function

 

var Sum=new Function("X","Y","return(X+Y)");

 

2.5Object

 

var objEmployee =new Object();
objEmployee.Name="小丸子";
objEmployee.Age=25;

 

2.6Math

 

      window.document.write("E的值为" + Math.E + "<br>");
      window.document.write("LN2的值为" + Math.LN2 + "<br>");
      window.document.write("LN10的值为" + Math.LN10 + "<br>");
      window.document.write("LOG2E的值为" + Math.LOG2E + "<br>");
      window.document.write("LOG10E的值为" + Math.LOG10E + "<br>");
      window.document.write("PI的值为" + Math.PI + "<BR>");
      window.document.write("SQRT1_2的值为" + Math.SQRT1_2 + "<br>");
      window.document.write("SQRT2的值为" + Math.SQRT2 + "<br>");
      window.document.write("-100的绝对值为" + Math.abs(-100) + "<br>");
      window.document.write("5和25的较大值为" + Math.max(5,25) + "<br>");
      window.document.write("5和25的较小值为" + Math.min(5,25) + "<br>");
      window.document.write("2的10次方为" + Math.pow(2,10) + "<br>");
      window.document.write("1.56的四舍五入值为" + Math.round(1.56) + "<br>");
      window.document.write("2的平方根为" + Math.sqrt(2) + "<br>");

 

2.7Date

 

获取日期信息

 

      //建立一个名称为objDate的Date对象,默认值为系统目前日期时间
      var objDate = new Date();
      //在浏览器显示objDate对象的值
      document.write("目前日期时间为" + objDate + "<br>");
      //调用Date对象的方法并显示结果
      document.write("getDate()的返回值为" + objDate.getDate() + "<br>");
      document.write("getDay()的返回值为" + objDate.getDay() + "<br>");
      document.write("getMonth()的返回值为" + objDate.getMonth() + "<br>");
      document.write("getYear()的返回值为" + objDate.getYear() + "<br>");
      document.write("getFullYear()的返回值为" + objDate.getFullYear() + "<br>"); 
      document.write("getHours()的返回值为" + objDate.getHours() + "<br>");
      document.write("getMinutes()的返回值为" + objDate.getMinutes() + "<br>");
      document.write("getSeconds()的返回值为" + objDate.getSeconds() + "<br>");
      document.write("getMilliseconds()的返回值为" + objDate.getMilliseconds() + "<br>");
      document.write("getTime()的返回值为" + objDate.getTime() + "<br>");

 

设置日期信息

 

      var objDate = new Date();     //建立一个名称为objDate的Date对象
      objDate.setDate(14);              //将日期设置为14日
      objDate.setMonth(1);              //将月份设置为2月
      objDate.setYear(2015);            //将年份设置为2015年
      objDate.setHours(12);             //将小时设置为12点
      objDate.setMinutes(10);           //将分钟设置为10分
      objDate.setSeconds(25);           //将秒数设置为25秒
      document.write("我们设置的日期时间为" + objDate + "<br>");

 

2.8Array

 

定义

 

//定义1
var UserNames=new Array(5);
UserNames[0]="小丸子";
UserNames[1]="花轮";
UserNames[2]="小玉";
UserNames[3]="美环";
UserNames[4]="丸尾";
//定义2
var UserNames=new Array("小丸子","花轮","小玉","美环","丸尾");
//定义3
var UserNames=["小丸子","花轮","小玉","美环","丸尾"];

 

多维数组

 

 var Students = new Array(5);
    for(var i = 0; i < Students.length; i++)
      Students[i] = new Array(2);//声明Array对象的元素为另一个Array对象
      Students[0][0] = "小丸子";   //一一给二维数组赋值
      Students[1][0] = "花轮";
      Students[2][0] = "小玉";
      Students[3][0] = "美环";
      Students[4][0] = "丸尾";
      Students[0][1] = 80;
      Students[1][1] = 95;
      Students[2][1] = 92;
      Students[3][1] = 88;
      Students[4][1] = 85;
   for(var i = 0; i < Students.length; i++)//使用嵌套循环显示二维数组的值
      {
        document.write("<tr>");
        for(var j = 0; j < Students[i].length; j++)
          document.write("<td>" + Students[i][j] + "</td>");
        document.write("</tr>");

 

JavaScript - 对象

标签:

原文地址:http://www.cnblogs.com/songzhuzhu/p/5495341.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!