js学习(三)对象与事件

JavaScript 对象

1、JavaScript 对象:拥有属性和方法的数据。

2、在 JavaScript中,几乎所有的事物都是对象。

3、定义一个person对象

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

通过两种方式访问对象属性:person.lastName;  或者是   person["lastName"];

4、对象方法

 (1)对象的方法定义了一个函数,并作为对象的属性存储。

(2)对象方法通过添加 () 调用 (作为一个函数)。

    例如 : name = person.fullName();

JavaScript 事件

HTML 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。


HTML 事件

1、HTML 事件可以是浏览器行为,也可以是用户行为。

2、以下是 HTML 事件的实例:

  • HTML 页面完成加载
  • HTML input 字段改变时
  • HTML 按钮被点击

在事件触发时 JavaScript 可以执行一些代码。

HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。

<button onclick="displayDate()">现在的时间是?</button>

生成一个名字为“现在的时间是?”的按钮,当点击按钮时执行displayDate()函数

原文地址:https://www.cnblogs.com/dongtian-blogs/p/10802403.html

时间: 2024-11-05 04:52:32

js学习(三)对象与事件的相关文章

JS学习三(函数)

[函数的声明格式] 1.函数的声明格式: function 函数名(参数1,参数2,...){ 函数体代码 return 返回值: } 函数的调用: ① 直接调用:函数名(参数1的值,参数2的值,....); ② 时间调用方式:直接在html标签中,使用事件名="函数名()" <button ondblclick="saySth('哈哈哈','yellow')">点击按钮,打印内容</button> 2.函数的注意事项: ① 函数名必须符合小

Ext JS学习第十六天 事件机制event(一)

此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件,相信你一定不陌生, 基本事件是什么?就类似于click.keypress.focus.mouseover等这些事件都是浏览器定义好的内置事件,我们直接使用即可.对于高级事件,无非就是自己去设计一个事件,就比如我们实际项目中,通常都伴随些业务逻辑,可能是曾删改查等...这些事件都是非原生事件,也就是浏览器无法自行判别触发的.但是我们确实有需求去实现他们,从而让我们开发起来更爽一些. 首

前端学习(25)~js学习(三):变量的数据类型

变量的数据类型 为什么需要数据类型 在计算机中,不同的数据所需占用的存储空间不同,为了充分利用存储空间,于是定义了不同的数据类型.而且,不同的数据类型,寓意也不同. JS 的变量数据类型,是在程序运行的过程中,根据等号右边的值来确定的.而且,变量的数据类型是可以变化的.比如说: var name = 'qianguyihao'; name = 123; // 强制将变量 name 修改为 数字类型 JS中一共有六种数据类型 基本数据类型(值类型):String 字符串.Number 数值.Boo

js学习总结----移动端事件基础及常用的事件库

一.事件基础 PC:click.mouseover.mouseout.mouseenter.mouseleave.mousemove.mousedown.mouseup.mousewheel.keydown.keyup.load.scroll.blur.focus.change... 移动端:click(单击).load.scroll.blur.focus.change.input(代替keyup.keydown)...TOUCH事件模型(处理单手指操作).GESTURE事件模型(处理多手指操作

js学习笔记24----焦点事件

事件: onfous : 元素获取焦点时触发事件 onblur : 元素失去焦点时触发事件 方法: obj.focus(); 可指定元素设置焦点 obj.blur(); 取消指定元素的焦点 obj.select(); 选中指定元素里面的文本内容 示例代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>焦点事件</title> 5 <meta charset

js学习笔记27----键盘事件

键盘事件主要有2个: onkeydown : 键盘按下时触发,如果按下不抬起,那么会连续触发. onkeyup : 键盘弹起时触发 不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件. event.keyCode : 数字类型,返回 键盘按键的ASCII 码. ctrlKey, shiftKey, altKey: 布尔值. 当一个事件发生的时候,如果 ctrl|| shift || alt 是按下的状态,返回true. 示例代码: 1 <!DOC

虚拟机学习三-对象的内存布局

对象在内存中的布局可以分为3块区域: 对象头(Header):一部分是用来存储对象自身运行时的数据(如哈希码,GC分代年龄).这部分被设置为非固定的数据结构,即根据对象的状态对象头不同字段所占的大小不一样,但总大小都是32bit或64bit.另一部分是类型指针,即对象指向它的类元数据的指针,确定对象是哪一个类的实例.(如果对象是一个Java数组,那在对象头中中还必须有一块用于记录数组长度的数据) 实例数据(Instance Data):真正存储的有效信息,也是在程序中所定义的各种类型的字段的内容

Arc gis api for js 学习随笔之绑定事件鼠标动作

1 var map; 2 require(["esri/map", "dojo/domReady!"], function(Map) { 3 map = new Map("GHL", { 4 5 zoom: 3, 6 basemap: "topo", 7 logo:false, 8 9 10 }); 11 dojo.connect(map,"onMouseMove",function(e){ 12 var

js学习日记-对象字面量

对象字面量语法 var person={ name:'小王', age:18, _pri:233 } 1.采用对象字面量方法创建的对象,不能采用var wang=new person()这样的方式来调用,要访问对象中的方法,直接使用person.xxx的形式 2.最后一个成员结尾不要用逗号,不然在某些浏览器中会抛出错误 对象成员配置 对象申明后,会默认为内部的每个成员(属性或方法)生成一些隐藏属性,这些隐藏属性是可以读取和可配置的: Object.getOwnPropertyDescriptor

Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

一.三种获取页面元素的方式: getElementById:通过id来获取 <body> <input type="text" value="请输入一个值:" id="txt"/> <input type="button" value="按钮" id="btn"/> <script> var txt=document.getElementB