js代码

五月份和六月份的总结

不问归期 提交于 2020-03-19 09:56:01
好像五月份和六月份很忙呀,忙的居然总结都忘写了。五月份好像忙着玩了,六月份去了一趟西安,看了兵马俑和壶口瀑布。 不写总结总感觉少了些什么。今天是年中,7月第一天,来北京的时间过了一半,还有一半的时间。生活,学习,工作中要写总结,做笔记,记账,这些都是很好的习惯。因为现在越到好多问题都感觉之前碰到过的,但是很多都无从下手或者重新做一遍工作量比较大。所以从今天起,多做笔记把。 记得六月初的时候,javascript高级程序设计 看完了,但是当时却感觉毫无思路,遇到问题依然无从下手。所以又重新开始看,现在感觉比之前好多了。好像六月份主要就在看js的东西。 五月份好像看了好几本书了,《编写高质量代码-web前端开发修炼之道》,不错的一本书,看了里面css部分。js部分想等以后在看。《精通css-高级web标准解决方案》这也是一本不错的书,现在看css的书已经非常快了。而且也感觉稍有入门,也能够举一反三。希望js水平也早日达到这个境界。 7月份开始主要是看js和php。js的话是继续看那本红皮书。php的话以自己网站为项目来实践,当然也有js,包括ajax的内容。php包括数据库的操作,smarty模板的操作,已经那本php圣经。js的话看完书后做一些例子,写一些插件,库之类的。当然还要去研究一写js的库,包括jquery和 MooTools(公司用的这个库)。

js中的window.onload和jquery中的load区别

爱⌒轻易说出口 提交于 2020-03-19 08:02:37
JavaScript 中的以下代码 : Window.onload = function (){ // 代码 } 等价于 Jquery 代码如下: $(window).load( function (){ // 代码 }); window.load $(document).ready() 执行时机 必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行 网页中所有 DOM 结构绘制完毕后就执行,可以能 DOM 元素关联的内容并没有加载完 编写个数 不能同时编写多个 以下代码无法正确执行: window.onload = function(){ alert(“text1”); }; window.onload = function(){ alert(“text2”); }; 结果只输出第二个 能同时编写多个 以下代码正确执行: $(document).ready(function(){ alert(“Hello World”); }); $(document).ready(function(){ alert(“Hello again”); }); 结果两次都输出 简化写法 无 $(function(){ // do something }); 以 浏览器装载文档为例,在页面加载完毕后,浏览器会通过 Javascript 为 DOM 元素添加事件。在常规的 Javascript

js array对象

最后都变了- 提交于 2020-03-18 22:11:22
js array对象 Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的 数组定义的方法: 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组: var 数组名 =new Array(n); 3.定义数组的时候,直接初始化数据: var 数组名 = [<元素1>, <元素2>, <元素3>...]; 我们定义myArray数组,并赋值, 代码如下: var myArray = [2, 8, 6]; 说明: 定义了一个数组 myArray,里边的元素是:myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。 数组元素使用: 数组名[下标] = 值; 注意: 数组的下标用方括号括起来,从0开始。 数组属性: length 用法:<数组对象>.length;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。 数组方法: 数组连接concat() concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN) 参数说明: 注意: 该方法不会改变现有的数组

JS内置对象

假如想象 提交于 2020-03-18 21:58:27
1.什么是对象 JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有 属性 和 方法 。 对象的属性: 反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; 对象的方法: 能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等; JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Array();//使用new关键字定义对象 或者 var objectName =[]; 访问对象属性的语法: objectName.propertyName 如使用 Array 对象的 length 属性来获得数组的长度: var myarray=new Array(6);//定义数组对象 var myl=myarray.length;//访问数组长度length属性 以上代码执行后,myl的值将是:6 访问对象的方法: objectName.methodName() 如使用string 对象的 toUpperCase() 方法来将文本转换为大写: var mystr="Hello world!";//创建一个字符串 var request=mystr.toUpperCase(); //使用字符串对象方法

JQuery数字类型验证正则表达式

只愿长相守 提交于 2020-03-18 19:50:13
有朋友整了一些关于js与jquery的数字类型验证正则表达式代码,下面我给大家再整理一下。 这里包括了数字验证实现与测试实例了,大家可参考。 js验证数字正则表达式 代码如下: //检测是否为数字和小写字母 function istrue(a){ var reg=/^(([a-z]+[0-9]+)|([0-9]+[a-z]+))[a-z0-9]*$/i; return reg.test(a); } //检测变量是否为数字或数字字符串 function isNumeric(a) { var reg=/^(-|+)?d+(.d+)?$/; return (reg.test(a)); } //检查是否为正数 function isUnsignedNumeric(a) { var reg=/^d+(.d+)?$/; alert reg.test(a); } //检查是否为整数 function isInteger(a) { var reg=/^(-|+)?d+$/; return reg.test(a); } //检查是否为正整数 function isUnsignedInteger(a) { var reg =/^d+$/; return reg.test(a); } //检查是否数字 function isNum(a) { var reg = /^d+(.d+)?$/; return

js子窗口修改父窗口内容

烈酒焚心 提交于 2020-03-18 07:32:59
在框架中,我用 JavaScript 获取 JSON 数据,组织成 HTML 代码,最后将其填充至上层文档的一个元素中。按照一般的写法,我们需要用到类似如下的语句: 1. window.parent.document.getElementById( "myEle" ).innerHTML = html; 使用 jQuery ,写法如下: 1. $( "#myEle" , window.parent.document).html(html); 即指明了是在 window.parent.document 中查找 id=myEle 的元素。 随着前面的问题的解决(其实是对 jQuery 的了解不够),现在两种方案都可以实现我需要的效果了。 另外还有一种实现方式,代码如下: 1. parent.$( "#myEle" ).html(html); 这种方法要求父文档也要调用 jQuery 。 今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe

JS函数表达式 -- 私有变量

风格不统一 提交于 2020-03-18 06:53:28
  任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些变量。 私有变量包括函数的参数、局部变量和在函数内部定义的其它函数。 function add(num1, num2){ var sum = num1 + num2; return sum; } 在这个函数中,有三个私有变量: num1、num2和sum。在函数内部可以访问这几个变量。但在函数外部则不能访问他们。 如果在这个函数内部创建一个闭包,那么闭包通过自己的作用域链也可以访问这些变量。利用这一点,就可以创建用于访问私有变量的公有方法。 我们把有权访问私有变量和私有桉树的公有方法称为特权方法(privileged method)。有两种在对象上创建特权的方法: 1. 在构造函数中定义特权方法: function MyObject(){ //私有变量 var privateVariable = 10; //私有函数 function privateFunction(){ return false; } //特权方法 this.publicMethod = function(){ privateVariable++; return privateFunction(); } } var obj = new MyObject(); alert(obj.publicMethod()); //false

关于JS中的冒泡事件

試著忘記壹切 提交于 2020-03-18 04:42:40
原文地址: http://www.cnblogs.com/rixinren/archive/2010/04/06/1705812.html js冒泡事件 前几天在老大那里接触到了js的一个新的单词:冒泡事件; 何为冒泡事件。 就是当设定了多个div的嵌套时;即建立了父子关系,当父div与子div共同加入了onclick事件时,当触发了子div的onclick事件后,子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发,导致了页面混乱。这就是冒泡事件。 消除冒泡事件的方法 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation) 下面的一段代码即可以很好的解释是么是冒泡效果,什么叫消除冒泡效果 <html> <head> <title> 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)</title> <meta name="keywords" content="JavaScript,事件冒泡,cancelBubble,stopPropagation" /> <script type="text/javascript"> function doSomething (obj,evt) { alert(obj.id); var e=(evt)?evt

【原创】jQuery1.8.2源码解析之jQuery.data

北城余情 提交于 2020-03-18 02:07:51
数据缓存,jQuery现在支持两种: 1. dom元素,数据存储在jQuery.cache中。 2.普通js对象,数据存储在该对象中。 以下是源代码: 1 var rbrace = /^(?:\{.*\}|\[.*\])$/, 2 rmultiDash = /([A-Z])/g; 3 4 // 首先是对jQuery对象自身的扩展 5 jQuery.extend({ 6 // 即jQuery.cache,负责存储dom元素的缓存数据 7 cache: {}, 8 9 // removeData时,缓存的数据被清除,返回的当时对应的id,以便再利用 10 deletedIds: [], 11 12 // Please use with caution 13 // 将数据存储到jQuery.cache中时,需要唯一id,用它来维护 14 uuid: 0, 15 16 // Unique for each copy of jQuery on the page 17 // Non-digits removed to match rinlinejQuery 18 // 内部key(随即生成),之后会作为key添加到dom的属性集中,而key对应的value则是该dom对应的缓存对象 19 expando: "jQuery" + ( jQuery.fn.jquery + Math.random(

JS 基本数据类型和引用数据类型

佐手、 提交于 2020-03-18 02:03:32
本文章已收录于: /*--> */ /*--> */ 基本类型和引用类型 ECMAScript包含两个不同类型的值:基本类型值和引用类型值。 基本类型值 指的是简单的数据段; 引用类型值 指由多个值构成的对象。当我们把变量赋值给一个变量时,解析器首先要做的就是确认这个值是基本类型值还是引用类型值。 常见的五种基本数据类型是: Undifined、Null、Boolean、Number和String。这五种基本数据类型可以直接操作保存在变量中的 实际值 。 看下面例子: var a = 10; var b = a; b = 20; console.log(a); // 10 var bl = true; var bl1 = bl; bl1 = false; console.log(bl); // true 上面,b获取值是a值的一份拷贝,虽然,两个变量的值是相等,但是两个变量保存两不同的基本数据类型值。b只是保存了a复制的一个副本。所以,当b的值改变时,a的值依然是10; 下面,两个Boolean变量bl和bl1同样是基本数据类型,同样保存两个不同的基本数据据类型值,bl1保存bl复制的一个副本。 下图演示了这种基本数据类型赋值的过程: 下面看一下引用类型数据: JavaScript 引用数据类型是保存在堆内存中的对象,与其它语言不同的是