zhangq0123-CSDN博客

原创为你解惑：js中function（e）的e是什么意思，代表什么。。。。

e指的是事件：在firefox中，只能在事件现场使用window.event，所以只有把event传给函数使用。所以，为了兼容FF和其它浏览器，一般会在函数里重新给e赋值：e = window.event || e;也就是说，如果window.event存在，则该浏览器支持直接使用window.event，否在就是不支持，不支持就使用传进来的e。

2017-02-27 21:58:57 18645 1

原创问你解惑：表单onfocus和onblur事件。。。

js源码如下： function onmouse(obj,str){ obj.onfocus=function(){ if(this.value=str) { this.value= ""; } }; obj.onblur=function(){ if(this.value="") {

2017-02-27 20:14:48 1168

原创为您解惑：window下的onload事件。

前言：在网页加载完毕时会触发一个onload事件，即window.onload=“”；1.如果把他们函数逐一绑定到onload事件上，他们中只有最后一个才会被执行，如下：window.onload = firstFuntion;window.onload = secondFuntion;结果只有window.onload = secondFuntion;才会被加载执行。2.

2017-02-27 15:57:41 647

原创 Javascript的方法可以分为三类

JavaScript的方法可分为三类如下：a. 类方法b. 对象方法c. 原型方法具体代码如下：function People(name){ this.name=name; this.Introduce = function(){ // 类方法 console.log("My name is"+this.n

2016-11-13 13:30:18 597

原创 jQuery中宽度和高度的用法区别...........

alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的

2016-11-13 02:04:47 329

原创为您解惑：JS中宽度、高度的用法区别.........

window 对象1.电脑屏幕分辨率宽高度一般获得方法代码如下：window.screen.width window.screen.height注：各种版本的浏览器都支持2.电脑屏幕可用工作区宽高度（即：去除任务栏外的电脑屏幕宽高）的一般方法代码如下：window.screen.availWidth window.screen.av

2016-11-09 20:15:48 446

原创问题：CSS样式引入方法以及CSS权重分配问题.........

一、CSS样式引入方法网页引入css样式的几种方法，包括内联式样式表、嵌入式样式表、外链式、导入式1.内联式样式表：直接写在现有的元素标签中，比如：www.jb51.net2.嵌入式样式表：使用标签嵌入到HTML文件的头部中标记中，如： p{font-size:18px; color:#093;}3.外链式：使用标签调用CSS文件（开发中用这种方式），如;

2016-11-09 10:30:21 2457

原创为您解惑：html5Web存储........

HTML5 web 存储，可以在本地存储用户的浏览数据，一个比cookie更好的本地存储方式。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.数据以键/值对存在, web网页的数据只允许该网页访问使用。浏览器支持Internet Ex

2016-11-08 11:07:55 296

转载网站布局之Flex布局一.......

网页布局（layout）是CSS的一个重点应用。注：布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。下面介绍Flex布局：Flex布局将成为未来布局的首选方案，其浏览器的支持情况如下：一、Flex布局是什么？Flex是Flexible Box的缩写，意为"

2016-11-06 15:00:31 485

原创为您解惑：HTML5中使用MathML数学公式的简单讲解..........

HTML5 的 HTML 语法允许我们在文档内使用 ... 标签应用 MathML 元素。部分MathML 元素如下：......... 用于设置其包裹的最终表达式的样式。如：............ 用于包裹一个或多个表达式（可省略）。...... 用于包裹上标的表达式（如：指数函数）。...... 用于包裹下表的表达式。.........

2016-11-06 00:19:39 12311

原创为您解惑：H5语义元素..........

一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.浏览器支持如下：Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。注意: Internet Explorer 8及更早版本不支持该元

2016-11-04 17:33:50 439

转载为您解惑：JavaScript-undefined与null区别..........

JavaScript中，null通过typeof结果是“object”，undefined通过typeof结果是undefined这个值是这个类型的唯一成员。null和undefined中都是表示值的空缺，不过两者当做布尔值时都是false，通过==的时候都是相等的，但是null和undefined分别和字符串，数字，布尔值相比时，则比较结果都是false。Null和Undefined区别

2016-11-02 23:48:17 265

原创网站布局之html布局及flex布局一 .......

大多数网站可以使用或者元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。注：虽然我们可以使用HTML table标签来设计出漂亮的布局，但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。 1 . HTML 布局 - 使用元素div 元素是用于分组 HTML 元素的块级元素。下面的例子使用五个 div 元素来创建

2016-11-02 23:16:31 903

转载 CSS-三角形及其原理..........

CSS中三角形在网页中比较常见，以前是图片，不过现在基本上都是通过CSS可以完成，实现比较简单，我们可以看一组简单的三角形效果:css代码如下：.triangle { width: 0; height: 0; border-top: 20px solid #EEB422; border-right: 20px solid #C0FF3E; bo

2016-11-02 17:15:23 296

转载为您解惑：js中继承的几种用法总结(apply,call,prototype).........

js中对象继承有三种继承方式1.js原型（prototype）实现继承 function Person(name,age){ this.name=name; this.age=age; } Person.prototype.sayHello=function(){ alert("使用原型得到Name："+t

2016-11-02 15:54:29 282

原创 JavaScript的全局属性和全局函数总结.........

Javascript 全局函数JavaScript 中包含以下 7 个全局函数，用于完成一些常用的功能（以后的章节中可能会用到）：escape( )、eval_r( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。1. escape( )escape( ) 函数以一个 string 对象或表达式为参数并返

2016-10-31 21:46:13 502

转载改善用户体验 Web前端优化策略总结.........

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么？ 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰

2016-10-31 21:40:10 5064

原创为您解惑：JavaScript中的apply()方法和call()方法使用介绍...........

前言：apply()和call()的真正用处是能够扩充函数赖以运行的作用域。1、每个函数都包含两个非继承而来的方法：apply()和call()。2、他们的用途相同，都是在特定的作用域中调用函数。3、接收参数方面不同：

2016-10-31 18:30:13 296

转载为您解惑：JS模块与命名空间的介绍........

起因将代码组织到类中的一个重要原因是让代码更加“模块化”，可以在很多不同的场景中实现代码的重用。但类不是唯一的模块化代码的方式。一般来讲，模块是一个独立的JS文件。模块文件可以包含一个类定义、一组相关类、一个实用函数库或者一些待执行的代码。模块化的目标是支持大规模的程序开发，处理分散源中代码的组装，并且能让代码正确运行，哪怕包含了不需要的模块代码，也可以正确执行代码。理

2016-10-31 18:08:42 1703

转载为您解惑： jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别

1 . (function($) {…})(jQuery);（1）原理：这实际上是匿名函数，解释如下： a. function(arg){…}这就定义了一个匿名函数，参数为arg； b. 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){…})(param)；这就相当于定义了一个参数为arg的匿

2016-10-31 12:16:07 353

原创为您解惑：立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别.........

1. 传统的方法定义（声明）并执行如下： function foo() {...} // 这是定义；定义只是让解释器知道其存在，但是不会运行。 foo(); // 这是语句；解释器遇到语句是会运行它的。注：（1）传统的方法比较繁琐，定义（声明）和执行分开；（2）传统的方法直接污染全局命名空间。

2016-10-31 10:46:55 480

原创为您解惑：涉及到变量定义以及作用域.........

情景一： function vText(){ var a=b=2; console.log(a); console.log(b);}情景二：function vText(){ var a=b=2; }console.log(a);console.log(b);情景三：(function

2016-10-30 21:53:11 218

原创为您解惑：Jquery中$.ajax()方法参数详解........

ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax() 可以不带任何参数直接使用(因为ajax()里面的

2016-10-30 12:36:11 1183

转载为您解惑：jQuery中$.getJSON( )的使用方法简介之获取JSON格式的数据.........

jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据，它使用的是GET HTTP请求。使用方法：$.getJSON( url [, data ] [, success(data, textStatus, XHR) ] )url是必选参数，表示json数据的地址即发送的请求；data是可选参数，用于请求数据时发送的数据参数；success是可选参数，

2016-10-30 00:39:57 9736

原创为您解惑：JSON的eval()和parse()方法以及stringfy()方法

JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。为了更简单地讲解，下面使用字符串作为输入进行演示（而不是文件）。（1）把 JSON 文本转换为 JavaScript 对象a. 由于 JSON 语法是 JavaScript 语法的子集，JavaS

2016-10-29 20:30:08 628

转载为您解惑：jquery的$().each,$.each的区别

在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。1. $().each,对于这个方法，在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个checkbook，例如：$("input[name='ch']").ea

2016-10-29 19:46:35 326

转载为您解惑：JavaScript命名空间的理解与实现........

命名空间：JavaScript不像C#或Java，有专门的namespace和package语法支持，当JS复杂到一定程度，尤其是引用大量的第三方JS框架和类库之后，命名冲突就会成为一个严重的问题，因此使用JS自己的变通方式建立命名空间很重要。

2016-10-24 17:27:26 272

转载标准W3C盒子模型和IE盒子模型之CSS布局经典盒子模型

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同。标准盒子模型：从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。ie 盒子模型

2016-10-23 21:41:23 381

转载 HTML,CSS中判断IE版本的语句........

css中判断IE版本的语句 Only IE 6/+ ：1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别

2016-10-23 21:24:54 619

转载 IE/FF/Chrome下document.documentElement/body的 scrollHeight/scrollTop/clientHeight 以及判断滚动条是否到达页面底部。

DTD已声明：IEdocument.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度；document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0；document.documentEle

2016-10-23 16:00:29 459

转载 HTML中DTD使用小结

DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。 DTD：三种文档类型：S（Strict）、T（Transitional）、F（Frameset）。 Strict：如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用 Transitional：DTD 可包含 W3C 所期望

2016-10-23 14:02:59 611

转载 JavaScript中定义对象的几种方式

JavaScript中没有类的概念，只有对象。在JavaScript中定义对象可以采用以下5种方式（附加改进方式）：1.基于已有对象扩充其属性和方法2.工厂方式3.构造函数方式4.原型（“prototype”）方式5.动态原型方式一.基于已有对象扩充其属性和方法 var obj=new Object() //obj={} 也可以这

2016-10-22 16:58:30 2172

原创题型：编写一段JS代码提取URL中的各个GET参数，并按Key_Value的形式返回到一个对象中（如：Json结构）

var url="http://www.taobao.com/index.php?keya=00&keyb=11&keyc=22";function parseQueryString(url){ var str=url.split("?")[1]; var iterms = str.split("&"); var arr,Json={}; f

2016-10-21 12:01:25 6868 1

原创为您解惑：关于内层DIV设置margin-top不起作用的解决方案。。。

//代码如下：上层　　子层猿猿们理想中的效果是父层和上部层贴边显示，子层距离父层顶部有40px的距离，在ie中正常，但是在ff中却出现问题，子层和父层贴边了，而父层和上部层却间隔了40px。原因如下：当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。也就是说因为子层是父层的第一个非空子元素

2016-10-20 11:25:24 3172

转载 JavaScript 语言基础知识点总结—链接

JavaScript语言基础知识链接—DOM,http://www.cnblogs.com/leejersey/archive/2013/02/20/2918438.html

2016-10-19 21:41:23 204

原创为您解惑：JS事件流之由浅入深剖析......

事件流：function stopPro(e) { if (e && e.stopPropagation) { //W3C取消冒泡事件 e.stopPropagation(); } else { //IE取消冒泡事件 window.event.cancelBubble = true; } };

2016-10-19 21:39:29 272

原创为你解惑：css中单位px,em,rem的区别。。。

前言：所有现代浏览器下默认字体尺寸是16px，不过可以人为的把body里面定义font-size:12px;（把浏览器默认16px改小了. 即：12px）。1. PX像素(pixel)：相对长度单位，像素PX是相对于显示器屏幕分辨率而言的。px是你屏幕设备物理上能显示出的最小的一个点，这个点不是固定宽度的，不同设备上点的长宽、比例有可能会不同。假设：你现在用的显示器上1px宽=

2016-10-19 20:33:49 343

原创题型：涉及到i++的用法，变量作用域以及闭包的概念

function foo(){ var i=0; return function(){ console.log(i++); }}var f1=foo(), f2=foo();f1(); // 输出的i等于0 /* 因为i++在输出函数里面是先输出i，然后再进行

2016-10-19 16:30:19 358

转载 jQuery(function(){})与(function(){})(jQuery)的区别

开发jQuery插件时总结的一些经验分享一下。一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。二、再看 (function(){ })(jQuery)；其实际上是执行()(para)匿名方法,只不过是传递了jQ

2016-10-19 15:17:18 208

原创 css属性：word-wrap:break-word; 与 word-break:break-all 的用法；

前言：在一个长宽固定的div容器中，多行文字和英文句子都默认自动换行。不过，对于英语单词而言，会有一些微妙的变化！//没有添加word-wrap:break-word和word-break:break-all时 I am a good boy, hahahahhahahahahahaha everyone likes me...//添加word-wrap:break

2016-10-19 11:06:12 7229

空空如也

空空如也