Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!本文用于记录个人学习过程中的两个小练习,其中包括事件对象的一些用法和问题的解决以及兼容性问题获取鼠标指针坐标div跟随鼠标移动练习1 获取鼠标指针坐标两个div,当鼠标在上面的div#areaDiv移动时,在下面的div#showMsg中显示鼠标指针坐标<!DOCTYPE html> <h...
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...String 对象的 length 属性来获得字符串的长度:var message="Hello World!"; var x=message.length; 一、JavaScript 类JavaScript 是面向对象的语言,但 JavaScript 不使用类。在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。JavaScript 基于 prototype,而不是基于类的。JavaScript for...in 循环JavaScript for...in ...
问题描述在实现业务时,大量用到了 if(a === b)这样的判断,但有一个类似判断一直进不去这个if条件, a === b 返回的一直是false,但是其他几个类似判断,都正常触发条件。原因分析我们都知道 === 是严格相等,首先要两个值的类型相等,无法触发条件的这个判断,a和b都是Array对象,且通过打印,看到数组中的元素是一样的。于是写了几个测试判断,如下:通过上图可以看到,对于javascript的基础类型Number、String,如c2和d2都等...
/** 在字符串末尾追加字符串 **/ String.prototype.append = function (str) {returnthis.concat(str); } /** 删除指定索引位置的字符,索引无效将不删除任何字符 **/ String.prototype.deleteCharAt = function (index) {if (index < 0 || index >= this.length) {returnthis.valueOf();}elseif (index == 0) {returnthis.substring(1, this.length);}elseif (index == this.length - 1) {returnthis.substring(0, this.length - ...
Math是javascript中的内部对象之一,主要用于处理数学方面的任务,是一种静态对象。和其他动态对象如Date、String等不同的是它没有构造函数Math(),可以直接使用属性和方法。 例如使用Date对象的getDate()方法得到一个月中的某一天:var date = new Date();//1.创建对象实例var nowdate = date.getDate();//2.使用getDate()方法 而Math对象直接使用 random()方法产生一个0-1的随机数:var x = Math.random();//直接使用 ...
Ajax技术能向服务器异步请求额外的数据,会带来更好的用户体验。Ajax技术核心:XMLHttpRequest对象(简称XHR)。XHR为向服务器发送请求和解析服务器响应提供了流畅的接口。1、创建XMLHttpRequest对象创建XMLHttpRequest对象:1var xhr = new XMLHttpRequest();注:IE7+、Firefox、Opera、Chrome和Safari支持原生XHR对象。(但是我测试IE5也支持原生XHR对象,可能是做了更新)IE7及之前的版本需要使用MSXML库中的XHR对象。如下所示,...
* 一个对象池的简单应用 tool tiptootip.html<html> <head><meta charset="UTF-8"><title>tool tip</title> </head> <body><script type="text/javascript" src="js/toolTip.js"></script> </body> </html> js/toolTip.jsvar toolTipFactory = (function() {var toolTipPool = [];return {create: function() {if (toolTipPool.length === 0) {var div = document.createElement("div");document.body.appendChild(div);console.lo...
越是学习就感觉自己知道的东西越来越少,这是一个必然的过程,再次将知识综合回顾一下.<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>TESTJAVASCRIPT</title></head><body><script type="text/javascript">//var myData=new Object();//定义对象var myData={name:‘Jeccy‘,sunny:‘suny‘,printMessages:function(){document.writeln("Hello "+myData.name+"."+‘Today is ‘+this.weather+‘.‘);}}//增加属...
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body><script>//构造函数,用来区分创建的对象,首字母大写,如Person,Animal//1.构造函数function Person(){this.name;}//2.创建新对象(实例化)var zs=new Person();zs.name="张三";//3.返回值返回 console.log(zs.name);//.带参,方便对多个对象赋值function Person(name,age){this.name=name;this.age=age; // this.sa...
// 用变量保存可以加速对对象原型的hasOwnProperty的访问。var hasOwnProperty =Object.prototype.hasOwnProperty;function isEmpty(obj){// 本身为空直接返回trueif(obj ==null)returntrue;// 然后可以根据长度判断,在低版本的ie浏览器中无法这样判断。if(obj.length >0)returnfalse;if(obj.length ===0)returntrue;//最后通过属性长度判断。for(var key in obj){if(hasOwnProperty.call(obj, key))returnfalse;}returntrue;}例子...
JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。注意,最后一个键值对不需要在末尾加,,如果加了,有的浏览器(如低版本的IE)将报错。访问属性是通过.操作符完成的,但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符,就必须用‘‘括起来:var person={name: ‘test‘,birth: 1900,age: 11,sex: ‘男‘, grate-t...
面向对象(Object-Oriented, OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。而 ECMAScript 中没有类的概念,所以我们可以使用对象模拟出类。ECMA-262 把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。 以下是《JavaScript高级...
Math对象是JavaScript的一个固有对象,其作用是执行常见的算数任务。该对象的使用并不是像Date,Array对象使用new关键字来得到对象,而是直接 Math.[{property|method}] 使用,如果试图用new来创建会出错,因为该对象在装载脚本引擎时由该引擎创建。 Math对象本身并没什么好纠结的,只要知道它的一些使用方法就可以了 我们先来看看Math对象固有的8个属性 E属性,PI属性,SQRT2属性,SQRT1_2属性,LN2属性,LN10属性,LOG2E属性,LO...
1. 1// Function.prototype.bind() 的作用 2 3// 1.Creating a bound function 4this.x = 9; 5var module = {6 x: 81,7 getX: function() { returnthis.x; }8 };9 10 console.log(module.getX()); // 81 11 12var retrieveX = module.getX;13 console.log(retrieveX()); 14// 9, because in this case, "this" refers 15// to the global object 16 17// Create a new function with ‘this‘ bound to ...
BOM对象window对象所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可.Window 对象方法alert() 显示带有一段消息和一个确认按钮的警告框。 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 prompt() 显示可提示用户输入的对话框。open() 打开一个新的浏览器窗口或查找一...