js实用例子

js学习笔记,别错过!很有用的。

 

/////////////////////////////////////////////////////////////////////////////////////////
一、验证类
1、数字验证内
  1.1 整数
  1.2 大于0的整数 (用于传来的ID的验证)
  1.3 负整数的验证
  1.4 整数不能大于iMax
  1.5 整数不能小于iMin
2、时间类
  2.1 短时间,形如 (13:04:06)
  2.2 短日期,形如 (2003-12-05)
  2.3 长时间,形如 (2003-12-05 13:04:06)
  2.4 只有年和月。形如(2003-05,或者2003-5)
  2.5 只有小时和分钟,形如(12:03)
3、表单类
  3.1 所有的表单的值都不能为空
  3.2 多行文本框的值不能为空。
  3.3 多行文本框的值不能超过sMaxStrleng
  3.4 多行文本框的值不能少于sMixStrleng
  3.5 判断单选框是否选择。
  3.6 判断复选框是否选择.
  3.7 复选框的全选,多选,全不选,反选
  3.8 文件上传过程中判断文件类型
4、字符类
  4.1 判断字符全部由a-Z或者是A-Z的字字母组成
  4.2 判断字符由字母和数字组成。
  4.3 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
  4.4 字符串替换函数.Replace();
5、浏览器类
  5.1 判断浏览器的类型
  5.2 判断ie的版本
  5.3 判断客户端的分辨率
 
6、结合类
  6.1 email的判断。
  6.2 手机号码的验证
  6.3 身份证的验证
 

二、功能类

1、时间与相关控件类
  1.1 日历
  1.2 时间控件
  1.3 万年历
  1.4 显示动态显示时钟效果(文本,如OA中时间)
  1.5 显示动态显示时钟效果 (图像,像手表)
2、表单类
  2.1 自动生成表单
  2.2 动态添加,修改,删除下拉框中的元素
  2.3 可以输入内容的下拉框
  2.4 多行文本框中只能输入iMax文字。如果多输入了,自动减少到iMax个文字(多用于短信发送)
 
3、打印类
  3.1 打印控件
4、事件类
  4.1 屏蔽右键
  4.2 屏蔽所有功能键
  4.3 --> 和<-- F5 F11,F9,F1
  4.4 屏蔽组合键ctrl+N
5、网页设计类
  5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现)
  5.2 html编辑控件类
  5.3 颜色选取框控件
  5.4 下拉菜单
  5.5 两层或多层次的下拉菜单
  5.6 仿IE菜单的按钮。(效果如rongshuxa.com的导航栏目)
  5.7 状态栏,title栏的动态效果(例子很多,可以研究一下)
  5.8 双击后,网页自动滚屏
6、树型结构。
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
10,画图类,含饼、柱、矢量贝滋曲线
11,操纵客户端注册表类
12,DIV层相关(拖拽、显示、隐藏、移动、增加)
13,TABLAE相关(客户端动态增加行列,模拟进度条,滚动列表等)
14,各种相关类,如播放器,flash与脚本互动等
16, 刷新/模拟无刷新 异步调用类(XMLHttp或iframe,frame)

/////////////////////////////////////////////////////////////////////////////////////////


1.让文字不停地滚动
滚动文字

2.记录并显示网页的最后修改时间

3.关闭当前窗口
关闭窗口

4.5秒后关闭当前页

5.2秒后载入指定网页

  
 

6.添加到收藏夹

7.让超链接不显示下划线

8.禁止鼠标右键的动作

9.设置该页为首页

将本站设置为首页

10.节日倒计时

11.单击按钮打印出当前页

12.单击按钮‘另存为’当前页

 
  
 

13.显示系统当前日期


14.不同时间段显示不同问候语

15.水中倒影效果

 

16.慢慢变大的窗口

 

进入

17.改变IE地址栏的IE图标
我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下,
并在首页之间加上如下代码:          

 

18:进入或者离开时显示信息
 设置body的 onLoad和onUnload事件

19:只能输入数字


请输入数字:

20:email 合法性检查


21:屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键

22:屏蔽F5键

23:屏蔽主窗口滚动条

在body标签里加上 style="overflow-y:hidden"

24:取得控件的绝对位置

 

25:切换页面后,光标停在文本框文字的最后

 

26:表格的半透明显示效果
在之间加上如下代码: 

在之间加上如下代码: 

 
 
 
 
 
很酷吧!
 

27:细线分隔线


28:过渡度方式



to b.html
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式


29:如何控制横向和纵向滚动条的显隐?
去掉x轴
去掉y轴
不显

/////////////////////////////////////////////////////////////////////
30:javascript中获取地址栏参数比如 index.jsp?id=xxx&name=xxx
方法一:

方法二:

 
方法三:
 
////////////////////////////////////////////////////////////////////

31:window对象的方法
open(URL,WindowName,parameterList):open方法创建一个新的浏览器窗口,并在新窗口中载入一个指定的URL地址。
close():close方法关闭一个浏览器窗口.
alert(text):弹出一个信息框.
confirm(text):弹出一个确认框.
prompt(text,Defaulttext):弹出一个提示框.
setTimeout(expression,time):定时设置,在一定时间后自动执行expression描述的代码,使用time设置时间,单位是毫秒.
clearTimeout(timer):取消以前的定时设置.
back():指示浏览器载入历史记录中的上一个URL地址.
forward():指示浏览器载入历史记录中的下一个URL地址.
stop():指示浏览器停止网页的装载.
location:提供当前窗口的URL信息
history:提供当前窗口的历史记录,可以在网页导航中发挥作用.
closed:一个指出窗口目前是否关闭的逻辑值.
self:引用当前文档对应的窗口.
navigate(url):窗口转向另外一个窗口

32:验证是否整数

33:验证是否都是数字,而且是正整数

34:验证是否都是数字,而且是负整数

35:短时间,形如 (13:04:06)

36:短日期,形如 (2008-12-05)

37:长时间,形如 (2003-12-05 13:04:06)

38:检测值不能为空

39:判断字符全部由a-Z或者是A-Z的字字母组成


40:判断字符由字母和数字组成

41:判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
    

42:判断浏览器的类型

43:判断ie的版本

44:判断客户端的分辨率
 

45:用正则表达式判断是否Email

46:用正则表达式判断是否身份证号码

47:给表格自动增行(msdn的例子)



48:严格的身份证验证

49:验证IP地址

 


/////////////////////////////////////////////////////////////////////////////////////////
一、验证类
1、数字验证内
  1.1 整数
  1.2 大于0的整数 (用于传来的ID的验证)
  1.3 负整数的验证
  1.4 整数不能大于iMax
  1.5 整数不能小于iMin
2、时间类
  2.1 短时间,形如 (13:04:06)
  2.2 短日期,形如 (2003-12-05)
  2.3 长时间,形如 (2003-12-05 13:04:06)
  2.4 只有年和月。形如(2003-05,或者2003-5)
  2.5 只有小时和分钟,形如(12:03)
3、表单类
  3.1 所有的表单的值都不能为空
  3.2 多行文本框的值不能为空。
  3.3 多行文本框的值不能超过sMaxStrleng
  3.4 多行文本框的值不能少于sMixStrleng
  3.5 判断单选框是否选择。
  3.6 判断复选框是否选择.
  3.7 复选框的全选,多选,全不选,反选
  3.8 文件上传过程中判断文件类型
4、字符类
  4.1 判断字符全部由a-Z或者是A-Z的字字母组成
  4.2 判断字符由字母和数字组成。
  4.3 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
  4.4 字符串替换函数.Replace();
5、浏览器类
  5.1 判断浏览器的类型
  5.2 判断ie的版本
  5.3 判断客户端的分辨率
 
6、结合类
  6.1 email的判断。
  6.2 手机号码的验证
  6.3 身份证的验证
 

二、功能类

1、时间与相关控件类
  1.1 日历
  1.2 时间控件
  1.3 万年历
  1.4 显示动态显示时钟效果(文本,如OA中时间)
  1.5 显示动态显示时钟效果 (图像,像手表)
2、表单类
  2.1 自动生成表单
  2.2 动态添加,修改,删除下拉框中的元素
  2.3 可以输入内容的下拉框
  2.4 多行文本框中只能输入iMax文字。如果多输入了,自动减少到iMax个文字(多用于短信发送)
 
3、打印类
  3.1 打印控件
4、事件类
  4.1 屏蔽右键
  4.2 屏蔽所有功能键
  4.3 --> 和<-- F5 F11,F9,F1
  4.4 屏蔽组合键ctrl+N
5、网页设计类
  5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现)
  5.2 html编辑控件类
  5.3 颜色选取框控件
  5.4 下拉菜单
  5.5 两层或多层次的下拉菜单
  5.6 仿IE菜单的按钮。(效果如rongshuxa.com的导航栏目)
  5.7 状态栏,title栏的动态效果(例子很多,可以研究一下)
  5.8 双击后,网页自动滚屏
6、树型结构。
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
10,画图类,含饼、柱、矢量贝滋曲线
11,操纵客户端注册表类
12,DIV层相关(拖拽、显示、隐藏、移动、增加)
13,TABLAE相关(客户端动态增加行列,模拟进度条,滚动列表等)
14,各种相关类,如播放器,flash与脚本互动等
16, 刷新/模拟无刷新 异步调用类(XMLHttp或iframe,frame)

/////////////////////////////////////////////////////////////////////////////////////////


1.让文字不停地滚动
滚动文字

2.记录并显示网页的最后修改时间

3.关闭当前窗口
关闭窗口

4.5秒后关闭当前页

5.2秒后载入指定网页

  
 

6.添加到收藏夹

7.让超链接不显示下划线

8.禁止鼠标右键的动作

9.设置该页为首页

将本站设置为首页

10.节日倒计时

11.单击按钮打印出当前页

12.单击按钮‘另存为’当前页

 
  
 

13.显示系统当前日期


14.不同时间段显示不同问候语

15.水中倒影效果

 

16.慢慢变大的窗口

 

进入

17.改变IE地址栏的IE图标
我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下,
并在首页之间加上如下代码:          

 

18:进入或者离开时显示信息
 设置body的 onLoad和onUnload事件

19:只能输入数字


请输入数字:

20:email 合法性检查


21:屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键

22:屏蔽F5键

23:屏蔽主窗口滚动条

在body标签里加上 style="overflow-y:hidden"

24:取得控件的绝对位置

 

25:切换页面后,光标停在文本框文字的最后

 

26:表格的半透明显示效果
在之间加上如下代码: 

在之间加上如下代码: 

 
 
 
 
 
很酷吧!
 

27:细线分隔线


28:过渡度方式



to b.html
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式


29:如何控制横向和纵向滚动条的显隐?
去掉x轴
去掉y轴
不显

/////////////////////////////////////////////////////////////////////
30:javascript中获取地址栏参数比如 index.jsp?id=xxx&name=xxx
方法一:

方法二:

 
方法三:
 
////////////////////////////////////////////////////////////////////

31:window对象的方法
open(URL,WindowName,parameterList):open方法创建一个新的浏览器窗口,并在新窗口中载入一个指定的URL地址。
close():close方法关闭一个浏览器窗口.
alert(text):弹出一个信息框.
confirm(text):弹出一个确认框.
prompt(text,Defaulttext):弹出一个提示框.
setTimeout(expression,time):定时设置,在一定时间后自动执行expression描述的代码,使用time设置时间,单位是毫秒.
clearTimeout(timer):取消以前的定时设置.
back():指示浏览器载入历史记录中的上一个URL地址.
forward():指示浏览器载入历史记录中的下一个URL地址.
stop():指示浏览器停止网页的装载.
location:提供当前窗口的URL信息
history:提供当前窗口的历史记录,可以在网页导航中发挥作用.
closed:一个指出窗口目前是否关闭的逻辑值.
self:引用当前文档对应的窗口.
navigate(url):窗口转向另外一个窗口

32:验证是否整数

33:验证是否都是数字,而且是正整数

34:验证是否都是数字,而且是负整数

35:短时间,形如 (13:04:06)

36:短日期,形如 (2008-12-05)

37:长时间,形如 (2003-12-05 13:04:06)

38:检测值不能为空

39:判断字符全部由a-Z或者是A-Z的字字母组成


40:判断字符由字母和数字组成

41:判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
    

42:判断浏览器的类型

43:判断ie的版本

44:判断客户端的分辨率
 

45:用正则表达式判断是否Email

46:用正则表达式判断是否身份证号码

47:给表格自动增行(msdn的例子)



48:严格的身份证验证

49:验证IP地址

你可能感兴趣的:(.net,javascript,js,网页设计)