网页常用JavaScript代码示例:实现导航与交互

需积分: 23 4 下载量 42 浏览量 更新于2024-09-11 收藏 124KB PDF 举报
"本资源是一份名为《73种网页常用js代码.pdf》的文档,详细列出了在网页开发中常见的JavaScript代码片段。这些代码涵盖了用户交互、页面导航、页面控制、安全性和信息展示等多个方面,旨在帮助开发者提升网页功能和用户体验。以下是一些关键知识点的详细介绍: 1. **历史管理**:通过`history.go(-1)`和`history.go(1)`,开发者可以实现后退和前进功能,让用户能够方便地浏览浏览历史。 2. **返回操作**:`history.back(-1)`允许用户返回到上一步操作,增强了用户的操作流程连贯性。 3. **查看源码**:通过`window.location="view-source:"+window.location.href`,点击按钮时会显示当前页面的源代码,这对于开发者调试和学习很有帮助,但可以通过`oncontextmenu="return false"`来防止用户直接右键查看。 4. **刷新页面**:两种刷新方式包括:一种是通过`ReloadButton()`函数重定向至特定页面`i001.htm`;另一种是利用`history.go(0)`回到当前页面,即刷新。 5. **页面导航**:提供了回首页的功能,点击"首页"按钮,会跳转到`http://www.winliuxq.com`,方便用户回到初始或指定主页。 6. **用户提示**:通过`window.alert()`函数,点击"弹出警告框"按钮会弹出一个带有定制消息的警告对话框,用于简单的通知或确认。 7. **状态栏信息**:`window.status`属性用于设置浏览器状态栏中的文本,点击"状态栏信息"按钮会显示"要多多光临呀!"的信息。 8. **页面样式调整**:虽然没有提供具体代码,但提及的"背景色变换"暗示可能有涉及改变页面元素背景颜色的JavaScript操作,可能是动态改变或者通过按钮控制背景色。 这些代码展示了JavaScript在网页开发中的实用性和灵活性,对于提升网页交互性和功能性具有重要作用。熟练掌握并应用这些基础技巧,可以帮助开发者构建出更加丰富和用户友好的网页体验。"
2015-08-12 上传
一、验证类 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、树型结构。 6.1 asp+sql版 6.2 asp+xml+sql版 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10,画图类,含饼、柱、矢量贝滋曲线 11,操纵客户端注册表类 12,div层相关(拖拽、显示、隐藏、移动、增加) 13,tablae相关(客户端动态增加行列,模拟进度条,滚动列表等) 14,各种相关类,如播放器,flash与脚本互动等 16, 刷新/模拟无刷新 异步调用类(xmlhttp或iframe,frame)