JavaScript网页特效与安全代码集锦
需积分: 10 105 浏览量
更新于2024-11-20
收藏 6KB TXT 举报
"网页javascript常用代码收藏"
这篇文章主要介绍了JavaScript在网页中实现各种效果和功能的常见代码片段,包括窗口控制、页面跳转、禁用框架、定时刷新、窗口大小调整、背景音乐播放以及页面过渡效果等。这些代码对前端开发者来说非常实用,能够帮助他们创建更具交互性和动态性的网页。
1. **阻止弹出窗口**
代码1和2都是用来防止网页被嵌入到框架(frame)中,确保网页以完整窗口显示。如果当前窗口不是顶级窗口(top),代码1会将顶级窗口的地址更改为当前窗口的地址;代码2则是当窗口是顶级窗口时,将页面重定向到"frames.htm"。
2. **设置页面自动跳转**
代码3展示了如何设置页面在特定时间后自动跳转到新的URL。在这个例子中,页面将在8秒后跳转到"http://www.liqun.net"。这是通过`<meta>`标签的HTTP-EQUIV属性实现的,`content`的值是"8;URL=http://www.liqun.net",表示8秒后跳转。
3. **播放背景音乐**
代码4和5分别提供了在IE浏览器和所有浏览器中播放背景音乐的方法。代码4使用`<bgsound>`标签(仅支持IE),而代码5使用`<embed>`标签,适用于Netscape和IE7及以上版本。`loop="-1"`表示无限循环播放,`hidden="true"`表示音乐播放器隐藏。
4. **调整窗口大小和位置**
代码6用于将当前窗口移动到屏幕的左上角,并调整其大小以适应可用屏幕宽度和高度。通过`self.moveTo(0,0)`将窗口移动到坐标(0,0),`self.resizeTo(screen.availWidth,screen.availHeight)`则根据屏幕可用尺寸调整窗口大小。
5. **页面过渡效果**
代码7至9涉及到页面进入和退出时的过渡动画。`Page-Enter`和`Page-Exit`是HTML元标签的HTTP-EQUIV属性,用来定义页面加载和离开时的效果。`content`中的`Duration`指定了动画的持续时间,`Transition`则指定了过渡类型。例如,`Transition=5`表示使用第5种过渡效果,即水平百叶窗效果。过渡效果的编号范围从0到23,对应不同的动画样式。
6. **页面进入效果**
最后,代码10提供了一个页面进入时的过渡效果示例,`blendTrans(Duration=0.5)`表示页面加载时应用平滑融合的过渡效果,持续时间为0.5秒。
这些JavaScript代码片段展示了JavaScript在网页动态效果和交互性方面的能力,对于想要增强网页用户体验的开发者来说是一份宝贵的参考资料。
131 浏览量
502 浏览量
176 浏览量
101 浏览量
258 浏览量
2023-05-14 上传
346 浏览量
2024-01-14 上传
2024-01-04 上传
kober588
- 粉丝: 1
最新资源
- DirectX高级动画技术探索
- Fedora 10安装指南:从升级到Yum配置
- 2009考研数学大纲解析:数一关键考点与连续函数详解
- OMRON CS1D: 双CPU可编程控制器提升系统可靠性
- Linux初学者指南:操作系统的入门与优化
- 嵌入式硬件工程师宝典:全面指南与设计艺术
- 中国UTN-SMGIP 1.2:短信网关接口协议详解
- 网上图书馆管理系统的需求分析与设计详解
- BEA Tuxedo入门教程:Jolt组件与编程详解
- X3D虚拟现实技术入门与教程
- 项目监控:关键活动与流程及问题应对
- JSP调用JavaBean实现Web数据库访问:JDBC-ODBC桥接Access
- 项目规划详解:目标、流程与关键步骤
- Oracle数据库教程:从基础到实践
- InstallShield快速入门指南:打造专业Windows安装程序
- SQL优化技巧:提升查询速度