Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • javascript正则表达式

    post by onelong / 2009-10-6 1:07 Tuesday [javascript]

    什么是 RegExp?
    RegExp 是正则表达式的缩写。
    当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。
    简单的模式可以是一个单独的字符。
    更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。
    您可以规定字符串中的检索位置,以及要检索的字符类型,等等。

    定义 RegExp
    RegExp 对象用于存储检索模式。
    通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象,其模式是 "e"
    var patt1=new RegExp("e");当您使用该 RegExp 对象在一个字符串中检索时,将寻找的是字符 "e".

    RegExp 对象的方法
    RegExp 对象有 3 个方法:test()、exec() 以及 compile()。

    阅读全文>>

    附件下载:
    js_regular_expression_blueidea.rar 240.4KB

  • IE和Firefox的js兼容性整理

    post by onelong / 2009-10-5 7:30 Monday [javascript]

    集合类对象问题
    (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能接受,firefox不能。
    (2)解决方法: 改用 [] 作为下标运算。如:document.forms("formName") 改为 document.forms["formName"]。 又如:document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]
     html对象的访问最好都用getElementById("idName"),这样可以兼容各种浏览器
    变量名与某 HTML 对象 id 相同的问题
    (1)现有问题 :在 MF 中,因为对象 id 不作为 HTML 对象的名称,所以可以使用与 HTML 对象 id 相同的变量名,IE 中不能。
    (2)解决方法 :在声明变量时,一律加上 var ,以避免歧义,这样在 IE 中亦可正常运行。 此外,最好不要取与 HTML 对象 id 相同的变量名,以减少错误。

  • javascript的URL编码转换

    post by onelong / 2009-10-5 7:09 Monday [javascript]

    URL编码转换,escape() encodeURI() encodeURIComponent()
    本文介绍对url编码的三种函数 escape() ,encodeURI() ,encodeURIComponent()
    escape() 方法:
    采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符: @ * / +
    encodeURI() 方法:
    把URI字符串采用UTF-8编码格式转化成escape格式的字符串。不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + '
    encodeURIComponent() 方法:
    把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符:! * ( )

    阅读全文>>

  • javascript学习的优秀资源

    post by onelong / 2009-10-5 7:08 Monday [javascript]

    《深入浅出JavaScript》(Beginning JavaScript with DOM Scripting and Ajax)高清扫描版[PDF]
    http://www.verycd.com/topics/2761926/
    《JavaScript语言精粹 中文高清PDF》
    http://www.verycd.com/topics/2762001/
    《JavaScript高级程序设计》(Professional JavaScript for Web Developers)中文版高清扫描版&英文版&英文第二版[PDF]
    http://www.verycd.com/topics/2754841/
    《精通JavaScript》(Pro JavaScript Techniques )高清扫描版 Amazon 五星盛誉图书[PDF]
    http://www.verycd.com/topics/2753377/
    《美河提供.OReilly.JavaScript权威指南第四版》
    http://www.verycd.com/topics/126635/
    《程序天下:JavaScript实例自学手册: 光盘/教程》随书光盘/电子教程[ISO]
    http://www.verycd.com/topics/229959/
    《网页设计技术伴侣—HTML/CSS/JavaScript范例应用配套光盘》
    http://www.verycd.com/topics/170078/
    《jQuery基础教程 (超高清中文PDF版)》
    http://www.verycd.com/topics/2763629/

    阅读全文>>

  • 添加监听事件_onload

    post by onelong / 2009-10-5 7:01 Monday [javascript]

    if(window.attachEvent){
    window.attachEvent("onload",function(){w.focus();})//支持IE
    }else{
    window.addEventListener('load',function(){w.focus()},true)}//支持firefox

    等于window.onload=function(){}
    function(){w.focus();是响应的行为!这段代码来自于百度首页的聚焦!

  • css兼容总结

    post by onelong / 2009-10-5 6:47 Monday [html+css]

    1.ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反 
    解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none; 
    另外form默认在IE中也会有margin值,所以最好也将其margin和padding设为0
    在很多时候我们会这样设置
    *{padding:0px;
       margin:0px}
    为什么呢?由于各种浏览器对标签的解析的默认值不同,以上定义可以格式化html,实现兼容!
    2.ie中cursor:hand可以将鼠标设为手形,FF不行,
    解决:都用cursor:pointer 
    3.居中问题 
    ie需要将父窗口:text-align:center;而ff则是margin-left:auto;margin-right:auto;
    4.IE和FF盒模型有区别,所以有需要特殊设置 
    IE Box的总宽度是: width+padding+border+margin宽度总和
    FF Box的总宽度就是 width的宽度,padding+border+margin的宽度在含在width内。
    FF: 支持 !important(优先解析), IE 则忽略, 可用 !important 为 FF 特别设置样式
    width:600px !important;//这个要放在前面才行 
    width:598px; 
    另外:传说IE7会奇怪的支持!important,试过却不行;
    5. IE6中在设置float的div中margin会加倍,解决办法:div里面加上display:inline;
    6.透明滤镜:
    IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30); 
    FF:opacity:0.3; 
    或者: 
    IE:filter:alpha(opacity=60);  
    FF:-moz-opacity:0.6;/*已过时,用上面的opacity代替*/ 
    7.禁用选择
    IE:使用js,onselectstart="return false;"; 
    FF:使用CSS,-moz-user-select:none
    8:圆角:
    FF中:-moz-border-radius:4px;

  • js兼容_innerText

    post by onelong / 2009-10-5 6:17 Monday [javascript]

    <script language="javascript" type="text/javascript">
    window.onload=function(){
    var obj=document.getElementById("id"); 
    var text; 
    if(obj.innerText) {  
     text=obj.innerText; //IE
    } else if(obj.textContent) { 
    text=obj.textContent; //firefox
    }
    text=text.replace(/\s+/g,'');//去除空格等,得到纯文本
    document.getElementById("id").innerHTML=text;
    IE中innerText在FF中没有,使用textContent;