Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！本文用于记录个人学习过程中的两个小练习，其中包括事件对象的一些用法和问题的解决以及兼容性问题获取鼠标指针坐标div跟随鼠标移动练习1 获取鼠标指针坐标两个div，当鼠标在上面的div#areaDiv移动时，在下面的div#showMsg中显示鼠标指针坐标<!DOCTYPE html> <h...
递归： 没问题function deepClone(obj) {var target = {};for(var key in obj) {if (Object.prototype.hasOwnProperty.call(obj, key)) { // 如果obj有key这个属性的话if (typeof obj[key] === ‘object‘) {target[key] = deepClone(obj[key]); } else {target[key] = obj[key];}}}return target; } 2.JsonJSON.parse(JSON.stringify(obj)) 注意： 无法实现对象中方法的深拷贝3.Object.assign() 通过Object.assign(destination,...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</title><script src="ajax.js"></script></head><script>window.onload=function(){var oBtn=document.getElementById('btn');var oUl=document.getElementById('ul1')...
类、构造函数、原型 ：本质均为函数利用的原理是：词法作用域，调用对象及作用域链 闭包 属性查找方式 设计和new运算符一起使用的函数叫做构造函数。构造函数的工作：初始化一个新创建的对象，设置在使用对象前需要设置的所有属性。 注：new创建一个新的没有任何属性的对象，然后调用该函数（调用对象），把此对象作为this关键字的值传递给构造函数。构造函数通常是没有返回值，只是为这个this设置属性，但一个构造函数是允许返...
在jquery中处理JSON数组的情况中遍历用到的比较多，但是用添加移除这些好像不是太多。今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。记录下来。1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([eleme...
JavaScript数据类型JavaScript的数据类型有六大类：Undefined、null、string、number、object、boolean1.Undefined ---使用var声明变量但未初始化，对未初始化的变量或尚未定义的变量使用typeof运算符均会返回undefined问题： 区分空对象指针和尚未定义的变量使用typeof检测，尚未定义的变量返回的是undefined，而空对象指针返回的是object2.Null逻辑上null表示一个空对象指针使用typeof检测时会返回object Null和undefined的关系...
JS动画原理 通过CSS缓慢变化从而实现动画效果 获取css属性Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值。 私有的CSS属性值可以通过对象提供的API或通过简单地使用CSS属性名称进行索引来访问。 Demo box斜线运动<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>.box {width: 20px;height: 20p...
了解html语言 网站开发老手认为html是最微不足道的技术，但它是基础;HyperText Markup Language;扩展名可以是：.html或者.htm;<>：开始标签;：结束标签;标签也可以称为容器;单独标签可以单独使用，比如 ; 不必严格区分元素和标签的概念;http://jhsy.82676666.com/renliushuhou/121.html 属性值可以不用引号，也可以用引号;用的话可以是双引号，也可以是单引号;有些属性只有两个可选值，则不必写属性值，写了属性名就表...
qa项目可能需要客户端获取到url的参数，搜到一个很好的解决方法，记录在博客，省得以后找麻烦。方法一：分解链接的方式<script type="text/javascript"> /** 说明：Javascript 获取链接(url)参数的方法*/ function getQueryString(name) {// 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空if(location.href.indexOf("?")==-1 || location.href.indexOf(name+‘=‘)==-1){return ‘‘;}// 获取链接中参数部分var ...
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title></head> <body> <canvas width="500" height="470"></canvas><script type="text/javascript">var canvas = document.getElementById("qiu100");var q = canvas.getContext("2d");var dir = 100;var height = 450;var width = 500;var exp = 10;//像素移动的位置function fff(){q.clearRect(0,0,height,width);//清除...
html代码:<!--添加/删除/修改 --><div id="a1"><button id="a2" onclick="add()">add</button></div><div id="a3"><button onclick="del()">del</button></div><div id="a4" style="margin-top: 20px"><span style="width: 20px;height: 20px">hello world !!!</span><button onclick="change()">change</button></div><!--classname属性操作--><div id="cn" class="a11 b11 c11"></div> 新增标签(document.createElement(标签))//...
JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...String 对象的 length 属性来获得字符串的长度：var message="Hello World!"; var x=message.length; 一、JavaScript 类JavaScript 是面向对象的语言，但 JavaScript 不使用类。在 JavaScript 中，不会创建类，也不会通过类来创建对象（就像在其他面向对象的语言中那样）。JavaScript 基于 prototype，而不是基于类的。JavaScript for...in 循环JavaScript for...in ...
<html><head><title>elementFromPoint</title><script type="text/javascript">window.onload =function(){ for(var i=0; i<6; i++){ var alink = document.createElement(‘a‘); var titleText = document.createTextNode(‘‘+ (i+1) +‘‘); alink.appendChild(titleText); alink.href ="javascript:void(0)"; alink.onclick =function(){alert(i)};var div = document.getElementById(‘show-detail‘); div.ap...
在某些情况下，我们可能会在一个页面中使用多个JavaScript库，由于多个库中都是用$标识符，因此我们需要一种解决该命名冲突的方法，jQuery的noConflict()方法很好的解决了这个问题。jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用。 参考示例如下：<scriptsrc="prototype.js"></script><!-- 引用的库1 --><scriptsrc="jquery.js"></script> <!-- 引用的库2 --><script> jQuery.noConflict(); /* jQuery...
上周，jQuery 1.9发布。这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js，打开压缩后的版本，滚动到底部，你可以看到最后一行是这样的： //@ sourceMappingURL=jquery.min.map这就是Source Map。它是一个独立的map文件，与源码在同一个目录下，你可以点击进去，看看它的样子。这是一个很有用的功能，本文将详细讲解这个功能。...