JS学习笔记(三) 对象

  参考资料:

  1. http://www.w3school.com.cn/js/js_objects.asp

  ? 知识点:

  Javascript中的所有事物都是对象。

  Javascript是基于prototype,而不是基于类的。

  Javascript是面向对象的语言,但Javascript不使用类。因此,在Javascript中,不会创建类,也不会通过类来创建对象。

  Javascript中的所有数字都存储为根为10的64位的浮点数。其中,整数最多为15位,小数最大位数为17,且浮点运算并不总是100%准确的。

  Javascript中如果数字的前缀为0,则该数值为八进制数。如果前缀为0x,则该数值为十六进制数。

  完整的Number数值对象参考手册:http://www.w3school.com.cn/jsref/jsref_obj_number.asp

  

  • 创建Javascript对象 
<script>
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
</script>
<script>
person={firstname:"Bill",lastname:"gates",age:56,eyecolor:"blue"}

document.write(person.firstname + " is " + person.age + " years old.");
</script>
<script>
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
// 使用对象构造器
myFather=new person("Bill","Gates",56,"blue");

document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
  • 算数
document.write(Math.round(4.7)) //四舍五入,输出5
document.write(Math.random()) //0和1之间的随机数
document.write(Math.floor(Math.random()*11))  //0和10之间的随机整数

更多Math对象使用方法:http://www.w3school.com.cn/jsref/jsref_obj_math.asp

  • 日期

  1. 获取当日的日期和时间。  

document.write(Date())

结果:

2. 获取从1970到1月1日至今的毫秒数。

document.write((new Date()).getTime());

结果:

3. 设置具体日期。

var d = new Date()
d.setFullYear(2015,10,1)// 月份是从0到11
document.write(d)

结果:

4. 将当前日期根据UTC转换为字符串。

document.write (new Date().toUTCString())

结果:

5. 显示星期几。

var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"

document.write("今天是" + weekday[d.getDay()])

结果:

6. 比较日期

var myDate=new Date();
myDate.setFullYear(2008,8,9);

var today = new Date();

if (myDate>today)
{
  alert("Today is before 9th August 2008");
}
else
{
  alert("Today is after 9th August 2008");
}

7. 显示数字时钟

<html>
<head>
<script type="text/javascript">
function startTime()
{
  var today=new Date()
  var h=today.getHours()
  var m=today.getMinutes()
  var s=today.getSeconds()
  // add a zero in front of numbers<10
  m=checkTime(m)
  s=checkTime(s)
  document.getElementById(‘txt‘).innerHTML=h+":"+m+":"+s
  t=setTimeout(‘startTime()‘,500)
}

function checkTime(i)
{
  if (i<10)
  {    i="0" + i  }

  return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

结果:

时间: 2024-10-18 22:46:09

JS学习笔记(三) 对象的相关文章

Spring.Net学习笔记三(对象的创建)

本文接下来要阐述的是IOC对象怎么创建,主要有3种方法: 第一种:构造器创建(嵌套类型对象的创建需要用“+”号来连接被嵌套的类型.如果在PersonDao中嵌套了类型Person) 类库代码: 1 namespace Dao 2 { 3 public interface IPersonDao 4 { 5 void Save(); 6 } 7 public class PersonDao : IPersonDao 8 { 9 public void Save() 10 { 11 Console.W

js学习笔记25----Event对象

Event : 事件对象,当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定的地方-event 对象,供我们在需要时调用. 事件对象必须在一个事件调用的函数里面使用才有内容. 事件函数:事件调用的函数,一个函数是不是事件函数,不在定义的时候决定 ,而是取决于这个函数调用的时候. 兼容: ie/choreme  :  event 是一个内置全局对象. 标准浏览器 : 事件对象是通过事件函数的第一个参数传入. 如果一个函数是被事件调用的,那么这个函数定义的

【Node.js学习笔记三】什么是Node封装模块?(Node Packaged Module.module)

Node封装模块是一个打包的库,它可以很容易的在不同的项目中被共享.重用和安装. 有很多可用于多种用途的不同模块. 例如: Mongoose模块为MongoDB提供了一个ODM Express扩展了Node的HTTP功能 Node.js模块由不同的第三方机构创建,提供现有Node.js所缺乏的重要功能. 每个Node封装模块包含一个 package.json文件,该文件包含元素数据信息,如: 名称 版本 作者 贡献者 以及控制元数据,比如依赖和执行诸如安装与发布动作时,Node包管理器将使用的其

JavaScript--基于对象的脚本语言学习笔记(三)

事件处理器 1.一个数据校验表单的例程 <html> <head> <title>js练习</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> String.prototype.trim=function(){ r

JS学习笔记-OO疑问之对象创建

问一.引入工厂,解决重复代码 前面已经提到,JS中创建对象的方法,不难发现,基本的创建方法中,创建一个对象还算简单,如果创建多个类似的对象的话就会产生大量重复的代码. 解决:工厂模式方法(添加一个专门创建对象的方法,传入参数避免重复) function createObject(name,age){ var obj =new Object(); //创建对象 obj.name = name; obj.age = age; obj.run = function(){ return this.nam

js学习笔记知识点

AJAX用法安全限制JSONPCORS面向对象编程创建对象构造函数原型继承class继承 AJAX 用法 AJAX不是JavaScript的规范,它只是一个哥们"发明"的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求 在现代浏览器上写AJAX主要依靠XMLHttpRequest对象: 'use strict'; function success(text) { var textarea = document.getE

JS学习笔记-数组

ECMAScript中没有提供类和接口等的定义,但它却是一门面向对象的语言,由于它能够通过其它 方式实现类似高级语言的面向对象功能,这些内容将在后面的文章中进行一步步的总结.此篇仅对JS中对象作简要说明,重点汇总一些类似于对象的数组的经常用法. 对象 创建 上篇提到创建对象的两种方式: 使用new运算符创建Object var obj = new Object(); 使用字面量方式创建 var   obj = {}; 这里值得注意的是在使用字面量(常量)创建Object时不会调用构造函数. 属性

js学习笔记——数组方法

join() 把数组中所有元素转化为字符串并连接起来,并返回该字符串, var arr=[1,2,3]; var str=arr.join("#"); //str="1#2#3"; 如果没有指定分隔符,则默认为逗号 var str2=arr.join(); //str2="1,2,3"; reverse() 在原数组上把元素的顺序颠倒过来,并返回该数组 var arr=[1,2,3]; arr.reverse(); //arr=[3,2,1];

Ajax学习笔记(三)

三.jQuery库详解 1.使用jQuery之后,javascript操作的不再是HTML元素对应的DOM对象,而是包装DOM对象的jQuery对象.js通过调用jQuery对象的方法来改变它所包装的DOM对象的属性,从而实现动态更新HTML页面. 由此可见,使用jQuery动态更新HTML页面只需以下两个步骤: (1)获取jQuery对象.jQuery对象通常是DOM对象的包装 (2)调用jQuery对象的方法来改变自身.当jQuery对象被改变时,jQuery包装的DOM对象随之改变,HTM

JS学习笔记-事件绑定

一.传统事件模型 传统事件模型中存在局限性. 内联模型以HTML标签属性的形式使用,与HTML混写,这种方式无疑造成了修改以及扩展的问题,已经很少使用了. 脚本模型是将事件处理函数写到js文件中,从页面获取元素进行对应事件函数的绑定以触发执行.但也存在不足之处: 1.一个事件绑定多个事件监听函数,后者将覆盖前者. 2.需要限制重复绑定的情况 3.标准化event对象 二.现代事件绑定 DOM2级事件定义了两个方法用于添加.删除事件:addEventListener().removeEventLi