Javascript初学篇章_5(对象)

对象

Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行
javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。
举个例子,一只猫是个对象,它有属性颜色、身高之类,而它的方法就有抓老鼠。

本地对象
1.Date 日期对象用来处理日期和时间。
在《Javascript初学篇章_1》中就有提到过

var myDate = new Date();
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString(); //获取日期与时间

//在页面输入本地时间function time() {
var today = new Date();
var week = [‘星期日‘, ‘星期一‘, ‘星期二‘, ‘星期三‘, ‘星期四‘, ‘星期五‘, ‘星期六‘]
var myDate = today.getHours() + "年" + today.getMonth() + "月" + today.getDate() + "日 "+ today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds() + " " + week[today.getDay()];
document.write( myDate );
}

2.Math 对象

Math 对象用来处理复杂的数学运算。
Math对象是javascript的一个全局对象,不需要用new 创建

Math.abs(-2);// 该方法可返回一个数的绝对值。

Math.round(5.5); // 该方法可把一个数字舍入为最接近的整数。

Math.random(); // 该方法可返回介于 0(包含) ~ 1(不包含) 之间的一个随机数。

Math.ceil(1.4); // ceil() 方法返回大于等于x的最小整数。(取大整),即向上取整

Math.floor(1.6); // floor() 方法返回小于等于x的最大整数。(取小整),即向下取整

Math.pow(4,3); // pow() 方法返回 x 的 y 次幂。 (4的3次方)

//当Math.random()获得的随机数为1时,获得特等奖
function reward(){
var i=1;
if(i==Math.floor(Math.random()*10)){
    alert("恭喜特等奖!");
    }
    else{
    alert("谢谢参与。");
    }
}

3.Array 数组对象

定义数组的 3种方式

var week = new Array();
var week = new Array(‘星期一’ , ‘星期二, ‘星期三’);
var week = (‘星期一’ , ‘星期二, ‘星期三’);

常用方法:

获取数组的长度 .length:

alert(week.length);

获取数组下标所对应的值:

alert(week[0]);

//调用函数后会用for循环弹出星期一到星期天,但不弹出今天的值
function alertWeek(){
var today=new Date();
var week = [‘星期日‘, ‘星期一‘, ‘星期二‘, ‘星期三‘, ‘星期四‘, ‘星期五‘, ‘星期六‘]
  for(var i=0;i<week.length;i++){    //getDay获取本机星期,当条件成立时,跳过本次循环
    if(i==today.getDay()){
    continue;
    }
    alert(week[i]);
  }
}

数组元素添加:

将一个或多个新元素添加到数组结尾,并返回数组新长度

var week_len = week.push(‘星期四’,‘星期五’);

将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

var week_len = week.unshift(‘星期日’);

将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

arr3.splice(0,0,“abc”);
document.write(arr3[0]);

数组元素删除:

var del = ["aa",23,345,56,34,"bb"];
var del_last = del.pop(); //移除最后一个元素并返回该元素值
var del_first = del.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
document.write(del_arr);
时间: 2024-10-03 23:02:10

Javascript初学篇章_5(对象)的相关文章

Javascript初学篇章_2

数据类型2 3.布尔类型 (boolean) 说明:与字符串不同,不要把布尔值用引号括起来.布尔值 false 与 字符串 "false"是两回事. 规制:布尔型数据只能有两种种值 true 和 false; var like=true; var like=false; 4.对象(object) 说明:Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体. 注:对象是Javascript的重点,在今

Javascript初学篇章_3

五.javascript的注释 // 单行注释 /* …*/ 多行注释 注:多行注释不能互相嵌套 六.程序流程控制 一.条件语句 if 语法: if(condition) statements1 else statement2 例: var mark=89; //第一层判断分数是否在一个合理的范围内 if(mark >= 0 && mark <= 100){ //第二层判断对分数进行评价 if(mark>90){ console.log('成绩优秀'); } else i

Javascript初学篇章_4(循环与函数)

七.循环语句 1.While 语法: while (exp){ //statements; } 说明: while (变量<=结束值){ 需执行的代码 } 例: var i=0; while(i<=9){ //利用循环在页面输出9张照片 document.write('<img src="img/'+i+'.jpg">'); i++; } 2. Do…while do...while功能与while相同,只是在执行的时候do...while是先执行后判断,whi

Javascript初学篇章_1

Javascript是一门脚本语言,主要由浏览器来执行.它可以说是页面的灵魂,让页面活过来.与之前学的HTML5+CSS样式的不同之处就在于,JS能让静态网页成为一个动态网页,实现与用户的互动. Javascript是由ECMAScript.DOM.BOM三部分组成. ECMAScript:(European Computer Manufacturers Association)核心 DOM:(Document Object Model)文档对象模型 BOM : (Drowser Object

CSS3初学篇章_5

背景样式 1.背景颜色语法:background-color : transparent | color body { background-color:#CCCCCC;} 2.渐变色彩语法:background: linear-gradient(方向,color,color,……) 设置渐变,默认为均匀分布 ,可在color 后设置百分比方向:to buttom(默认).to top.to right.to left.to bottom right,to top right backgroun

Javascript初学篇章_6(BOM)

BOM 浏览器对象模型 BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象 一.window对象 Window对 象表示整个浏览器窗口. 1.系统消息框 alert() alert('hello world!'); 2.确认对话框 confirm()  该方法返回一个boolean值,如果点击ok返回true,点击cancel返false; if(confirm("确定要删除吗?")){ //删除 } 3.输入对话框 prompt() 如果点击ok将文本框中的值作为函数值返

Javascript初学篇章_7(DOM)未完待续

DOM 文档对象模型DOM (document object model) 文档对象模型,它定义了操作文档对象的接口.DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号 来表明家庭成员之间的关系. 一.节点 节点(node) 一词来自于网络理论,这代表着网络中一个个的连接点,网络是由节点构成的.对于html文档也是一样,文档是由节点构成的集合.1.元素节点元素节点如 <body> <p> <div> 之

JavaScript强化教程-cookie对象

Cookie对象: 是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据).Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. 存储 cookie <script>     function saveCookie(cname,cvalue,exdays){         var d = new Date();         d.setTim

JavaScript学习笔记——BOM_window对象

javascript浏览器对象模型-windwo对象(上) BOM Browser Object Model window对象 是BOM中所有对象的核心. 一.属性 1.(位置类型-获得浏览器的位置) IE: window.screenLeft 可以获得浏览器距屏幕左上角的左边距 window.screenTop 可以获得浏览器距屏幕左上角的上边距 //IE //左边距 //alert(screenLeft) //上边距 //alert(screenTop) FF: alert(screenX)