- 博客(55)
- 收藏
- 关注
网址大全
twitter register : https://rabr.in/signup/index.php翻翻介绍:http://www.oncoding.cn/2010/twitter-mixero/果果demo :http://code.js.cn/demo/建网:http://hi.baidu.com/sscross/blog/item/a337b0317c613ef21a4cffe...
2010-04-27 15:34:32
296
函数表达式的定义问题
[code="java"]var f = function g(){ alert(22222)};[/code]今天看到这段代码,虽然不这么写,但对这种形式产生了兴趣,它是怎么运行的?测试发现,ie和火狐下还真不一样;测试:[code="java"]var f = function g(){ alert(22222)};alert(f);alert(f());alert...
2010-03-08 11:04:40
216
一直不清楚meta的作用,今天终于找到了,挺全面的,写下来,作为参考文件
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用 网上机器人自动查找meta值来给网页分类)。这其中...
2010-03-01 11:19:13
278
原创 javascript之DOM技术
一。样式编程1.页面中的每一个元素都具有一个style对象,此对象管理元素的CSS样式。这是在IE4.0引入的,后来作为DOM标准被接受。使用方法:var oDiv=document.getElementById("div1");alert(oDiv.style.backgroundColor);style对象拥有一个cssText属性,返回描述元素样式的CSS字符串。2....
2010-01-27 12:01:16
95
原创 DOM对象的常用方法(自己总结觉得有用的)
DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动?document.documentElement 返回文档的根节点-----------------------------------------------------------------------------document.body -------------------------...
2010-01-19 12:17:05
242
原创 DOM对象的常用方法
DOM对象的常用方法 DOM对象的常用方法2007-09-19 15:17由于DOM(文档对象模型)概念的推出,这个API使HTML如虎添翼,但是有些学 DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是按字母来分的,不便查阅.其实DOM中最关键是要掌握节点与节点之间的关系(between node and node),想学习DHTML中的DOM 千万不要从...
2010-01-19 12:16:09
160
原创 前端工程师要懂得知识
* DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 * DOM操作——怎样添加、移除、移动、复制、创建和查找节点。 * 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。 * XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。 * 严格模式与混杂模式——如何触发这两种模式,区...
2010-01-14 21:25:26
85
原创 清除浮动
用空标签清除[code="java"].clr {clear: both;} Left Right [/code]使用 overflow 属性[code="java"]#layout {overflow:auto; zoom:1;} Left Right[/code]使用 :after (非 ...
2010-01-05 15:13:02
165
原创 js鼠标点击左右键
[code="java"]var mouseEvent = function(){02. var arg = arguments[0],03. el = arg.el || document,04. leftfn = arg.left || function(){},05. rightfn = arg.right || function(){},06. middlef...
2009-12-24 14:12:57
201
原创 作用域链深层理解
可能这些日子技术又有点提高了,所以看得远了,觉得不懂得东西又多了,真是一山还有一山高,技术无止境,以前作用域总是马马虎虎,上网查了下,觉得这篇不错,转下来以后当字典,忘了,模糊了就拿来瞧瞧关于js的作用域链,早有耳闻,也曾看过几篇介绍性的博文,但一直都理解的模棱两可。近日又精心翻看了一下《悟透Javascript》这本书,觉得写得太深刻,在“代码的时空”一节里有一段介绍作用域链的地方寥寥数语,回味...
2009-11-25 10:45:19
149
原创 JS语法字典
[size=large]1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElem...
2009-11-19 18:34:45
75
原创 js this
[size=large]首先,this是脚本引擎预定义全局变量,哪里都能用。this的本质规则:1. Javascript里的this和OO里的this不一样,哪个对象调用this所在的函数,this就指向哪个对象。2. 函数调用时没有明确指明caller对象的,为全局对象,即window3. Javascripe里所谓的类(型)实际上都是type为Function的特殊对...
2009-11-19 17:16:22
67
图片轮播
html[code="java"]New Document#img_content{width:347px;height:230px;overflow:hidden;}#img_inner{width:347px;height:230px;overflow:hidden;position:relative;background:url("http://ima...
2009-11-09 14:05:01
75
ajax status 错误
status 0**:未被始化status 1**:请求收到,继续处理status 2**:操作成功收到,分析、接受status 3**:完成此请求必须进一步处理status 4**:请求包含一个错误语法或不能完成status 5**:服务器执行一个完全有效请求失败status 100错误 客户必须继续发出请求(Continue)status...
2009-11-03 11:57:09
184
js 作用域、预编译小结
1.js在页面加载过程中顺序执行。但是分块预编译、执行。2.JS 在执行前会进行类似"预编译"的操作,而且先预声明变量再预定义函数。 此时注意,是声明,不是定义,如:var a = 1; 在预编译中,只是执行了"var a"没有赋值,即在预编译结束时a 为undefined。3.(注意)并不是先全文编译完在执行,而是块编译,即一个script块中,预编译再执行,然后(按顺序)下一个sc...
2009-10-30 14:30:41
135
css 的float浮动问题
[size=medium][b]以前觉得已经把float的问题搞明白了,没想到一段时间不用,又忘了,今天又查了一下,记录一下。[/b][/size][code="java"] [/code][size=medium]当所有的子元素(c)都浮动(即设了float)那么在火狐下父元素(p)会没有高度,下面的元素,如上面的f就会上移,因为p的高度为0,那么解决的办法是...
2009-10-23 14:59:23
94
javascript 内存泄露
内存泄露总结为:1。js对象和dom对象之间的引用。2。函数嵌套,内部函数引用外部函数的变量,也就是闭包内存泄露3。事件处理内存泄露,处理函数中不要引用表示此dom对象的js对象,当然只要把处理函数不放到当前对象就没问题了,不过这样就没用到闭包,就不简单了,呵呵,还是闭包比较强大,省力。具体看此文章http://www.ibm.com/developerworks/cn/w...
2009-09-22 14:06:48
76
原创 $(ready){}
完整版的ready(),加载图片之前执行[code="java"](function(){ if(!window.JS){ window['JS'] = {} } var addEvent = function( obj, type, fn ) { if (obj.addEventListener) ...
2009-09-17 14:25:50
74
原创 多重事件
如果不使用类库或者没有自己的类库,储备一些常用函数总是有好处的。[size=large](10)addEvent[/size]网上最流行的版本是Scott Andrew的,据说javascript界曾举行一场比赛(此事件我们可以在Pro Javascript Techniques第100页看到)或浏览PPK的网站,征求添加事件与移除事件的函数,他就是其获奖者。下面就是他的实现:...
2009-09-17 14:18:29
147
原创 extjs 面向对象
[size=large]1:支持命名空间 [/size][code="java"] //定义一个命名空间 Ext.namespace("Ext.wentao"); //在命名空间上定义一个类 Ext.wentao.helloworld = Ext.emptyFn; //创建一个类的实例 new Ext.we...
2009-09-11 18:26:58
76
原创 图片下面空白
今天遇到图片下面有空白的问题,用以前的方法不好用,后来看了下面的,一个一个试,终于弄好了在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳,供大家参考。方法整理...
2009-09-10 17:28:49
79
原创 css 样式技巧
现在大部分的网页布局都是采用的div+css网页布局,而css样式表则贯穿着整个的页面的显示样式.只是会写css样式是不行的,你也要掌握一些css样式表技巧才行,这样会使你的代码更加的简洁易懂,使网页读取的速度更快.下面就给大家说几种你不一定知道的css样式表技巧.css样式表技巧一.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold...
2009-09-09 15:24:05
67
standard
标准与非标准模式standard模式后,定义和解析将更加严格,所有定义必须从顶级标签html开始。可以理解为传统非standard模式定义body的用法,standard模式下都必须在html上定义。高度100%的意义认为standard模式下定义容器高度100%无效,是错误的理论。如果需要body内的容器有100%高度,必须先定义body高度100%。...
2009-09-09 14:22:35
134
table.innerHTML
错误现象: 在IE中使用如下语句:table.innerHTML = content; 动态修改table的HTML内容时,出现“未知运行错误”。错误原因: table的innerHTML属性是只读的,不能更改。类似的还有THEAD、TFOOT和TR。解决方法: 使用table的对象模型或者DOM方法动态修改table,如:insertRow、inse...
2009-09-09 14:07:32
188
white-space
[size=medium]今天调了下css,用到了white-space:nowrap,文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。有时候如里的内容没完就换行了,这时候就有用了,此时会保证每次都是满行时才换行,地方不够,就整个标签都在下一行显示[/size]...
2009-09-08 11:56:42
59
居中和body属性
[size=large]margin:0 auto,只是自己本身居中,不传到子元素text-align:center,是子元素所有的文本都居中(而且包括深层次子元素),自己不居中(即使是在ie下,子元素框都居中,自己也不居中),但框状元素此时只在ie下居中,火狐不居中,所有文本(包括子元素文本)都居中body的宽和高都可以设置,但有条件,即:标签必须设一个属性,而且doctype也...
2009-09-07 18:26:44
132
搜狗输入法引起的event
[size=large]firefox 当输入法是搜狗中文的时候,点击按键,此时是keydown,keypress,字也写在了文本框中,再点另一个键(如enter,空格选择字体)等都指执行keyup,但ie第一次是keydown,keyup,没写字,第二次也是keydown,keyup。[/size][code="java"]Imitate the WordPress Co...
2009-09-02 16:59:29
186
form 回车
表单中回车会有默认的提交。[size=large]我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规...
2009-09-02 15:40:40
218
原创 jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
jquery.text-effects*{margin:0;padding:0;}#test{position:absolute;top:10px;right:10px;width:130px;height:60px;background:#555;color:#fff;font-size:13px;}$(...
2009-08-25 16:12:26
66
jquery性能优化
在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码:复制代码 代码如下:交通信号灯 红色 黄色 绿色如果采用下面的选择器,那么效率是低效的。var traffic_button = $("#content .button");因为butt...
2009-08-25 15:51:52
60
原创 单位em
1、IE无法调整那些使用px作为单位的字体大小;2、国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3、Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文...
2009-08-24 10:51:37
85
动态图片加载
var myImg=new Image;myImg.src="img Url";image具有complete属性 。该属性在图片加载过程中都返回false;只有图片加载成功才会返回true。firefox实现了complete属性,而ie实现了complete属性和readyState属性但是两者对属性的定义不同:firefox : 一个图像被下载完毕,complete ...
2009-08-20 11:01:13
77
原创 图片轮播
test$(document).ready(function(){ $("img").mouseover(function(){ var left = this.offsetLeft; var top = this.offsetTop + this.height + 10; $("#big-img"). css("left",left + "p...
2009-08-19 19:29:33
91
图片轮播
图片轮播: 父级: 设高、宽、overflow:hidden子集:块级、高、宽变换: 父级的scrollTop一下为从迅雷摘录的代码:New Document/**/.flash-box { width:450px; height:251px; overflow:hidden; paddi...
2009-08-18 11:09:27
157
table的dispaly
table里的tr,td 要交替出现,消失,都知道用obj.style.display,但出现时不能用“block”所以是,obj.style.display = "none"obj.style.display ="",这样写才可以。
2009-08-17 17:58:45
82
判断数组
function isArray(o) { return Object.prototype.toString.call(o) === '[object Array]'; }
2009-08-05 17:17:22
67
原创 document.selection
IE:document.selection FireFox:window.getSelection() document.selection只有IE支持,window.getSelection()也只有FireFox和 Safari支持,都不是标准语法。selection 对象 ----------------------------------------...
2009-07-17 08:37:05
181
原创 说一下event.x,event.clientX,event.offsetX区别
解释一下event.X和event.clientX有什么区别? event.clientX返回事件发生时,mouse相对于客户窗口的X坐标 event.X也一样 但是如果设置事件对象的定位属性值为relative event.clientX不变 而event.X返回事件对象的相对于本体的坐标x:设置或者是得到鼠标相对于目标事件的父...
2009-07-17 07:52:25
206
如何判断Javascript脚本加载完成
function include_js(file){ var _doc = document.getElementsByTagName("head")[0]; var obj = document.createElement("script"); obj.setAttribute("type", "text/javascript"); obj.setAttribute("src",...
2009-07-16 09:01:54
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人