视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
javascript常用函数(1)_javascript技巧
2020-11-27 21:45:08 责编:小采
文档
 文章主要内容列表:

1、 调整图片大小,不走形(FF IE 兼容)/ 剪切图片(overflow:hidden)
2、 控制textarea区域文字数量
3、 点击显示新窗口
4、 input框自动随内容自动变长
5、 添加收藏夹
6、 设置首页
7、 Jquery + Ajax 判断用户是否存在
8、 判断email格式是否正确
9、 综合判断用户名(长度,英文字段等)
10、新闻滚动
11、 只允许输入正整数 (shopping cart 使用) 或者 正数 (正整数和正小数)
12、 转换字符串为数字
13、 判断文件格式(获得文件后缀)
14、 截取字符串
15、分割字符串

主要内容 :
1、 调整图片大小,不走形(FF IE 兼容)



通过 overflow:hidden进行剪切:



实例:

 
 
 
  • 2、控制textarea区域文字数量

    
    
    

    3、点击显示新窗口

    
    
    

    Java代码 :

    
    
    

    不幸的是,很多浏览器会屏蔽弹出窗口,你需要手动允许后方可看到!下面是强制弹出窗口,原理就是创建一个form,通过post打开。

    
    
    

    当然还有更好的办法就是

    
    
    

    4、input框自动随内容自动变长

    
    
    

    5、添加收藏夹

    
    
    

    6、设置首页

    
    
    

    7、Jquery + Ajax 判断用户是否存在

    
    
    

    或者

    
    
    

    8、判断email格式是否正确

    
    
    

    9、综合判断用户名(长度,英文字段等)

    
    
    

    10、新闻滚动

     
     
     
     
  • New York web design Inc.1
  • Your site will be structured 2
  • hat will communicate the 3
  • hat will communicate the 4
  • hat will communicate the 5
  • hat will communicate the 6
  • hat will communicate the 7
  • hat will communicate the 8
  • hat will communicate the 9
  • New York web design Inc. 10
  • New York web design Inc.11
  • New York web design Inc. 12
  • New York web design Inc. 13
  • New York web design Inc. 14
  • Java代码

    // 用法 : 四个参数分别是:操作对象, 停留时间,相对速度(越小越快),每次滚动多少(最好和Li的Line-height一致)。 
     
    scroll('news', 3000, 1, 20 ); 
     
    function scroll(element, delay, speed, lineHeight) { 
     var numpergroup = 5; 
     var slideBox = (typeof element == 'string')?document.getElementById(element):element; 
     var delay = delay||1000; 
     var speed=speed||20; 
     var lineHeight = lineHeight||20; 
     var tid = null, pause = false; 
     var liLength = slideBox.getElementsByTagName('li').length; 
     var lack = numpergroup-liLength%numpergroup; 
     for(i=0;i
    
    

    11、只允许输入正整数 (shopping cart 使用)

    
    
    

    或正数

    
    
    

    只能输入数字和小数点的文本框:
    12、 转换字符串为数字

    
    
    

    13、 判断文件格式(获得文件后缀)

    
    
    

    14、截取字符串

    // 简单型 
     
     
     
    var str="Hello world!" 
    document.write(str.substr(3,7)) 
     
     
     
    // 结果是 lo worl 
     
     
    // 复杂型(中文或者中英文混合截取) 
     
    

    15、分割字符串

    
    
    

    下载本文
    显示全文
    专题