1. JS 对象

<script>

var Person = new Object();

Person.id = 1;

Person.name = "Hello World";

Person.age = 10;

Person.Func_eat = function(food)

{

    console.log("eat:" + food);

}

Person.Func_eat("vegetable");

Person2 = new Person();            //没有声明 Person 方法，报错

Person2.Func_eat("fruit");

</script>

　　上例是：直接创建一个对象的实例，但是没有为“这一类对象”定义构造函数。

　　使用构造创建对象，并有对象来初始化实例：

<script>

function Person(id, name, age)

{

    this.id = id;        //this 指向该函数所属的对象

    this.name = name;

    this.age = age;

    this.eat = function(food)

    {

        console.log(this.name + " eat:" + food);

    }

}

XiaoMing = new Person(1, "XiaoMing", 10);

XiaoMing.eat("meet");

LiLei = new Person(2, "LiLei", 12);

LiLei.eat("fruit");

</script>

2016.10.2 补充：

用Chrome 可以调试 HTML 里的 JS 脚本：

Egret 使用的类的定义方式：

var egret;

(function (egret) {

    /**

     * @private

     */

    function _getString(code) {

        var params = [];

        for (var _i = 1; _i < arguments.length; _i++) {　　//arguments:JS关键字,函数参数数组;

            params[_i - 1] = arguments[_i];

        }

        return egret.sys.tr.apply(egret.sys, arguments);

    }

})(egret || (egret = {}));
  • 常见格式：(function() { /* code */ })();
  • 解释：包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。
  • 作用：可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许(变量前加上window，这样该函数或变量就成为全局)。各JavaScript库的代码也基本是这种组织形式。

2. 常用JS处理的 HTML 事件：

onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载 
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body>

<button onclick="console.log(PrintDate())">现在的时间是?</button>

<button onclick="this.innerHTML=PrintDate()">现在的时间是?</button>

<script>

function PrintDate()

{

    return Date();

}

</script>

</body>

</html>

　　标签都是用字符串描述的，onclick=PrintDate() 是新手容易犯的错误。

3. JS的运算符

　　常用运算符与C/C++相同，不赘述。

4. 类型转换

　　typeof() 可用于类型检查，在弱类型的脚本语言里还是很常用的。

<script>

function PrintDate()

{

    return Date();

}

console.log(typeof(PrintDate))

</script>

　　输出 “function”。

　　用 constructor 可以起到类似的效果：

function isArray(myArray) {

    return myArray.constructor.toString().indexOf("Array") > -1;

}

　　

　　类型转换：

<script>

var num = 123;

console.log(num.toString());         // Number方法-直接转换为字符串

console.log(num.toExponential());    // Number方法-转换为指数计数法

console.log(num.toFixed(3));         // Number方法-转换为字符串，小数点后带指定位数

console.log(num.toPrecision(5));     // Number方法-转换为指定长度字符串

console.log(Date().toString());

</script>

4. 时间API

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear() 从 Date 对象以四位数字返回年份。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

JS 对象、HTML事件处理、JS 类型转换、Date的更多相关文章

  1. json转js对象方法，JS对象转JSON方法

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  2. 小程序-调用公共js对象方法/ app.js

    在小程序中,如果在子页面想调用共公js的方法,需先在子页面js中先实例化app:具体过程如下 子页面js: 1 2 3 4 5 6 7 8 //调用公共js对象以便调用其方法 var app = ge ...

  3. JS对象与Dom对象与jQuery对象之间的区别

    前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save&qu ...

  4. javascript基础-js对象

    一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...

  5. JavaScript：JSON 和 JS 对象

    区别 JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式).数据格式其实就是一种规范,按照这种规范来存诸和交换数据.就好像 XML 格式一样. 区别 J ...

  6. JS中String类型转换Date类型 并 计算时间差

    JS中String类型转换Date类型 1.比较常用的方法,但繁琐,参考如下:主要使用Date的构造方法:Date(int year , int month , int day)<script& ...

  7. js实现小时钟,js中Date对象的使用?

    介绍一下js中Date对象的使用 dateObj = new Date() dateObj = new Date(dateValue) dateObj = new Date(year,month,da ...

  8. JavaScript学习总结【3】、JS对象

    在 JS 中一切皆对象,并提供了多个内置对象,比如:String.Array.Date 等,此外还支持自定义对象.对象只是一种特殊类型的数据,并拥有属性和方法,属性是与对象相关的值,方法是能够在对象上 ...

  9. 超全面的JavaWeb笔记day03<JS对象&函数>

    1.js的String对象(****) 2.js的Array对象 (****) 3.js的Date对象 (****) 获取当前的月 0-11,想要得到准确的月 +1 获取星期时候,星期日是 0 4.j ...

随机推荐

  1. C#与java中的集合区别

    集合一般的操作       插入: add       删除: remove       查找: contains,remove java中的集合 注意哪些是接口,哪些是实现类 使用集合的时候 1. ...

  2. Swing实现文件选择（目录选择）附导出

    具体生成工具如图: (1) (2) (3) (4) 源码 : example.java package org.qiailin.jframe; import java.awt.Container; i ...

  3. RabbitMQ-死信(Dead Letter)

    对于有异常的消息我们可以有如下做法: 记录下来再ack. nack或者reject,同时将requeue设为false. 在第2条的基础上增加死信(Dead Letter).   上边的第3个做法可以 ...

  4. 移动端转PC --> PC跳转移动端

    <script type=”text/javascript”>try {var urlhash = window.location.hash;if (!urlhash.match(“fro ...

  5. js~fancybox为我们提供的iframe功能

    对于fancybox我们已经耳熟能详了,一般用来到表单的弹框,提示弹框等,而今天,我们将分页列表也使用fancybox来实现一下,这东西听起来简单,但做起来还真不是那么回事,有事细节需要我们注意的,首 ...

  6. html特殊符号列表

    特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ Ε Ε Ε Ζ Ζ Ζ Η Η Η Θ Θ Θ Ι Ι Ι Κ Κ Κ Λ Λ Λ Μ ...

  7. 七牛云- Java 端 使用

    项目 中需要把 图片放到 图片服务器上托管, 所以使用了七牛, 注册之后每个月 有免费100 万 次get请求,先说说怎么使用: 1 .注册, 获取自己的AK,SK

  8. 你好，C++（12）怎样管理多个类型同样性质同样的数据？3.6 数组

    3.6  数组 学过前面的基本数据类型之后,我们如今能够定义单个变量来表示单个的数据.比如,我们能够用int类型定义变量来表示公交车的216路:能够用float类型定义变量来表示西红柿3.5元一斤. ...

  9. Meth | 安装Linux Mint 18以后grub2 win10启动引导项丢失？？！！

    进入mint,打开终端输入:sudo update-grub2

  10. 实现ARC文件与MRC文件互转，和混合使用。

    这段时间做项目是以MRC为主的 但是某些第三方现在都只能支持ARC了 找到了这篇文章 可谓是帮了大忙 亲测完全可用喔:-O 如何在未使用arc的工程中引入一个使用了arc特性的文件,如何在arc工程中 ...