javascript
iteye_11316
这个作者很懒,什么都没留下…
展开
-
javascript 数据类型判断
javascript 中判断数据类型有两种情况:1.基本数据类型 2.引用数据类型 1.基本数据类型:boolean,(object/null),string,number,undefined,function判断方式:typeof console.log(typeof 45) //number console.log(typeof true) //boo...2014-10-13 14:44:43 · 113 阅读 · 0 评论 -
利用正则表达式实现去除所有HTML标签代码
"<[^>]*>"; //去除所有的标签"<script[^>]*?>.*?</script >" //去除所有脚本,中间部分也删除"<img[^>]*>"; //去除图片的正则@"<(?!br).*?>"; //去除所有标签,只剩br&原创 2012-09-22 10:00:52 · 399 阅读 · 0 评论 -
javascript判断页面加载(页面下载)是否完毕
首先要明确两个概念1.window.onload:页面加载完毕,页面内所有组件(图片等)都可用。2.dom 加载:指文档对象模型加载完毕,要先于window.onload事件。可以看出,当页面包含大量组件(特别是图片)的情形下,以上两种加载的时间相隔将会很长,这时判断dom何时加载完成就显得特别重要页面的一些组件(css,image,flash)不会导致页面的DOM未构建完成。只有...原创 2012-09-11 16:03:39 · 999 阅读 · 0 评论 -
如何发送简单请求
使用XMLHttpRequest 对象发送请求的基本步骤:1.得到XMLHttpRequest对象实例的一个引用,可以创建一个新的实例,也可以访问包含有XMLHttpRequest实例的一个变量。2.告诉XMLHttpRequest对象,哪个函数会处理XMLHttpRequest对象状态的改变,为此要把对象的onreadystatechange属性设置为指向JavaScript函数的指针。...原创 2012-08-30 15:08:12 · 305 阅读 · 0 评论 -
javascript 正则 捕获组与非捕获组
捕获组 语法:字符 描述示例(pattern)匹配pattern并捕获结果,自动设置组号。 (abc)+d匹配abcd或者abcabcd(?<name>pattern)或(?'name'pattern)匹配pattern并捕获结果,设置name为组名。...原创 2012-08-30 11:26:41 · 392 阅读 · 1 评论 -
javascript 闭包的理解
javascript中的作用域、闭包是一个不好理解的概念,需要慢慢领悟。现在把我自己学习作用域、闭包所理解的东西分享一下。要领悟闭包必需理解javascript变量的作用域问题。看下面代码1var str="test"; //定义str if(true){ var str="hello"; //定义str } a...2013-05-17 16:06:37 · 106 阅读 · 0 评论 -
dom
继承在dom中的重要性,以下为a标记继承关系图 从图中可以看到NODE是核心,查阅w3c可以知道 node 的相关http://www.w3.org/wiki/DOM/domcore/Node#DOM_Core_referenceNode The Node interface is the primary datatype for the ...原创 2012-08-23 11:08:37 · 97 阅读 · 0 评论 -
查看浏览器dom支持情况
查看浏览器dom支持情况 http://www.w3.org/2003/02/06-dom-support.html http://www.w3.org/DOM/Test/原创 2012-08-23 10:15:32 · 256 阅读 · 0 评论 -
浏览器之间的差别是处理dom对象的不同
dom是一组用来描述脚本怎样与结构化文档进行交互和访问的web标准,DOM定义了一系列对象、方法和属性,用于访问、操纵和创建文档的内容、结构、样式以及行为。浏览器之间的差别是处理dom对象的不同例: alert('document.body is a : '+documnet.body); firefox 和 opera 中将显示documnet.body是一个[...原创 2012-08-22 17:24:20 · 219 阅读 · 0 评论 -
javascript namespace
今天看了《web前端开发修炼之道》感觉很不错。其中javascript namespace 的定义方式很不错: var GLOBAL={}; GLOBAL.nameSpace = function(str){ var arr = str.split("."), o = GLOBAL; //var f = (arr[0]="KKK")?1:0 for(i=...原创 2012-05-22 16:31:17 · 179 阅读 · 0 评论 -
JS动态加载JS
1、直接document.write <script language="javascript"> document.write("<script src='test.js'><\/script>"); </script> 2、动态改变已有script的src属性 <script src='' id="s1"&原创 2012-05-30 16:30:27 · 104 阅读 · 0 评论 -
javascript 继承的实现
1.类抄写function parent(){ this.x=10;}function child(){ var parentObj=new parent(); for(var p in parentObj)this[p]=parentObj[p];}var childObj=new child();alert(childObj.x); ...原创 2012-11-06 00:55:45 · 76 阅读 · 0 评论 -
阻止事件追加
有些时候可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡,和默认事件的执行。但不能阻止事件的追加。什么情况下要阻止事件的追加呢?比如:点击“结账”,这样的操作时,结账本身有自己的事件,但结账前要判断是否登录。 我们可能会这样写:if(isLogin){ //判断是否登录 console.log("没有登...2014-10-11 12:04:59 · 118 阅读 · 0 评论 -
试读《ECMAScript6入门》
ECMA 对于前端开发工作的我并不陌生,《JavaScript高级程序设计》中对ECMA5的特性有很多的介绍,让我正确认识了什么是JavaScript,明白JavaScript由ECMA,DOM,BOM三个部分组成。 ES5我都还没有完全掌握,ES6又来了(T_T),工作中写原生的js的情况很少,基本都使用js库比如jQuery,我记得网上很多人反对使用jQuery...2014-09-20 00:01:00 · 106 阅读 · 0 评论 -
javascript 宽度获取
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth(包括边线的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document...原创 2014-09-11 11:27:31 · 135 阅读 · 0 评论 -
javascript forEach的实现
function forEach(ary,fn){ for(var i=0;i<ary.length;i++){ var c = ary[i]; if(fn.call(c,i,c)===false){ return false; } }...原创 2013-04-10 11:43:42 · 181 阅读 · 0 评论 -
call理解
call使用情况 1.class.call(obj) 让obj进入class的上下文执行,替代this指针。 2.class.call(class) 3.obj1.method.call(obj2); 改变obj1.method方法中上下文执行,替代this指针。(只改变了method方法中的this,没有改变class中的this) 4....原创 2013-04-09 16:40:23 · 160 阅读 · 0 评论 -
用jquery开发幻灯片播放功能(完整版)
很久没有写了,今天写一个简单的效果,幻灯片无限滚动和大家一起交流学习现在我自己写前端代码基本按下面的步骤:1.看效果分析效果实现。2.和美工确认各效果3.写简单的html,这里特别说明一下,简单的html就是一个大概的结构,这样好切片。4.根据第2步的确认和第3步html结构分析切图。(切图一般是我自己切这样根据代码的需要想切成什么样的图片都可以,自己好控制。)5.编写html+css代码,实现...2014-04-10 12:08:14 · 941 阅读 · 0 评论 -
JavaScript中prototype、__proto__、Function、Object等
javascript 灵活度太大了,比如定义一个类,就可以使用多种方式,也就是没有一个固定的语法来约束,这也是学习的难点,内部的prototype、__proto__、Function、Object 更是不容易理解。精力的浩瀚、想象的活泼、心灵的勤奋:就是天才。说到prototype,就不得不先说下new的过程。不是每一个都要站在第一线上的,大家应当做本身份内的工作。我们先看看如许一段代码...原创 2012-11-07 15:46:11 · 108 阅读 · 0 评论 -
javascript call的使用
Javascript中call的使用自己感觉蛮纠结的,根据文档很好理解,其实很难确定你是否真正的理解。call 方法应用于:Function 对象调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数:thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被...原创 2012-11-06 01:18:05 · 83 阅读 · 0 评论 -
作用域链
作用域链 《javascript DOM高级程序设计》 P35页<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199...原创 2012-08-22 16:04:54 · 85 阅读 · 0 评论 -
javascript关联数组
javascript权威指南 P154页 作为关联数组的对象:用运算符“.”来存取一个对象属性,而数组更常用的存取属性运算符是[]。如下:object 是一个对象才行。object.property //现在的 property 是标识符,是静态的object['proptery'] //该值是动态的,可以在运行时改变 例:var ple={}ple[...原创 2012-08-19 09:33:24 · 111 阅读 · 0 评论 -
javascript 类的定义方式
javascript 类的定义方式<script> //定义一个javascript类 function JsClass(privateParam,publicParam){//构造函数 var priMember = privateParam; //私有变量 this.pubMember = publicParam; //公共变量 //定义私有方法 fun...原创 2011-04-27 06:55:37 · 117 阅读 · 0 评论 -
window.event
如何解决firefox下window.event的问题 <body> <script> function mouseMove(ev) //ev作用参数传递firfox才能起作用 { Ev= ev || window.event; var mousePos = mouseCoords(Ev); document.getElementById("...原创 2012-02-23 15:56:28 · 93 阅读 · 0 评论 -
javascript interface 调用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><ti原创 2011-04-20 23:06:09 · 1463 阅读 · 0 评论 -
javascript 划分命名空间(javascript设计模式)
javascript中使用单体结构模式。定义命名空间定义的时候可以使用逻辑“或”运算符可以在未找到一个属性的时候为其提供一个默认值;var GiantCorp = window.GiantCorp ||{}; GiantCorp.Person=function(){ var name="张三"; return{ getName:function(){retur...原创 2011-04-20 21:05:57 · 158 阅读 · 0 评论 -
匿名函数
javascript:匿名函数 (function(a,b){ document.write(a+b); }(12,13));原创 2011-04-20 17:03:12 · 64 阅读 · 0 评论 -
JSDoc 介绍使用规范JsDoc的使用介绍
JsDoc Toolkit不久前发布了2.3.2版本,主要还是对前版本的修复。 如果你需要使用Ant,JsDoc还有一个Ant插件:JsDoc Toolkit Ant Task 下载JsDoc Toolkit2.3.2:http://jsdoc-toolkit.googlecode.com/files/jsdoc_toolkit-2.3.2.zip命令名描述 @param @argument 指定...原创 2011-04-18 09:59:29 · 562 阅读 · 0 评论 -
javascript类的创建的多种方式
基本方法很简单,但在javascript中创建类有多种方式。看例子代码,主要是类方法的写法不一样。1. function people(name){ this.name=name; this.printInfo=function(){document.write(this.name);}; } 2. var people=functio...原创 2011-04-15 22:27:39 · 105 阅读 · 0 评论 -
javascript类的创建
javascript类的创建方式定义javascript类,在javascript中没有java语言class关键字,但有function。 类的使用1.定义,2.使用 类同样有属性和方法1.定义 语法var 类名=function(参数列表1,参数列表2){ this.变量=参数列表1; this.变量=参数列表2;} 例:定义P...原创 2011-04-15 22:17:15 · 84 阅读 · 0 评论 -
javascript instanceof,typeof的区别
<script type="text/javascript"> var aColors = ["red", "green", "blue"]; alert(typeof aColors[0]); //output "string" alert(aColors[0] instanceof String); //output "false"; &am原创 2012-03-02 11:58:20 · 90 阅读 · 0 评论 -
使用Javascript缓存数据与延迟加载收藏
不论是直接从链接访问服务器获取数据还是使用了AJAX动态请求数据,只要一次性的传输数据量很大,还需要用脚本语言来将数据装入某个控件,都有可能导致显示缓慢,比如树形菜单,不需要太多条数据,200条就足够你等待5秒以上。而基于实际中用户并不需要一次性看到所有数据,我们可以使用脚本来延缓加载,并且能够保证表象的显示,因为我们需要做的就是及时地显示一部分表面数据。缓存数据包括二种格式:一种是用户自定义的外...原创 2012-03-02 15:32:15 · 146 阅读 · 0 评论 -
解决IE6 PNG透明及PNG透明背景(VML语言)
这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.使用方法1.首先在这里下载DD_belatedPNG。(原文: http://dillerdesign.com/experiment/DD_belatedPNG/#download )2.在html头部引用,如下:<!--[if IE 6]><...原创 2012-03-02 15:49:06 · 127 阅读 · 0 评论 -
javascript:前缀
<a href="javascript:window.open('http://www.163.com')">打开</a> 使用javascript:只能执行一个函数,如果函数有返回值时,当前的页面会被返回值覆盖,以上的方式当前页面就会被null覆盖。 如果真要使用这种方式,就新建一个函数 function newOpen(){ windo...原创 2012-08-17 16:10:19 · 167 阅读 · 0 评论 -
给数字每三位添加一个逗号
str.replace(/(?=(?:\d{3})+(?!\d))/g,','); function characterGroup(str){ var reg = /(\w+)(\w{3})/; while(reg.test(str)) str = str.replace(reg,"$1,$2"); return str; }原创 2012-08-08 14:28:47 · 1231 阅读 · 0 评论 -
解决ie6下背景闪动问题
IE的cache设置为Every visit to the page,而不是默认的Automatically。IE6下设置背景图片是不会被真正cache住的.但一般只有开发者才会把cache设置为每次访问检查更新,所以这个bug不会影响到真正的用户。-------------------------------------------------- <body onload="d...原创 2012-08-06 13:28:04 · 83 阅读 · 0 评论 -
Array.prototype.slice.call(arguments).slice(1)
Array.prototype.slice.call(arguments).slice(1) 在很多的例子里面都会看到以上的调用,开始看了很久也不明白是什么意思,最近研究了一下,终于明白了。 要讨论这样的调用方式,其实只有一个目的, arguments (typeof arguments它是一个object ),而在这里调用的是array的slice 方法. ...原创 2012-08-06 11:57:41 · 247 阅读 · 0 评论 -
百个前端设计常用Javascript语句
1.document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElemen...原创 2012-08-03 11:59:51 · 78 阅读 · 0 评论 -
获取鼠标选中文字
本文关键点:document.selection.createRange().text //iedocument.getSelection();//ffselection 对象 代表了当前激活选中区,即高亮文本块,文档中用户可执行某些操作的其它元素。 selection 对象的典型用途是作为用户的输入,以便识别正在对文档的哪一部分正在处理...原创 2012-08-03 11:43:31 · 362 阅读 · 0 评论 -
JavaScript正则表达式
什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;第二种方法:var reg = new RegExp('pattern');正则表达式的exec方法简介语法:reg.exec(str);其中...原创 2012-03-12 13:33:40 · 64 阅读 · 0 评论