JavaScript网页特效与安全代码集锦
需积分: 10 75 浏览量
更新于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在网页动态效果和交互性方面的能力,对于想要增强网页用户体验的开发者来说是一份宝贵的参考资料。
146 浏览量
508 浏览量
2011-05-03 上传
2021-09-30 上传
2009-11-01 上传
2012-08-13 上传
2011-04-12 上传
点击了解资源详情
146 浏览量

kober588
- 粉丝: 1
最新资源
- 深入解析ASP.NET底层架构:Web请求的流转与处理
- UML中文版:Java程序员指南
- Jboss EJB3.0 实战教程:从入门到精通
- 提升IE技巧:智能ABC与加密文件实用操作
- Windows CE.NET入门教程:配置与调试
- C++编程提升技巧:专家Scott Meyers作品精华解读
- 林锐博士的《高质量C++/C编程指南》要点解析
- Eclipse实战指南:Java开发者入门宝典
- VxWorks文件压缩与硬盘加载优化
- JSP数据库开发全攻略:Oracle集成与实战指南
- JBuilder9中构建Struts应用实战教程
- VxWorks下BSD4.4规范网络程序设计详解
- Struts框架详解:构建高效Web应用
- Velocity模板引擎:Java中的强大工具
- 智能奥秘:无机生命体的创建与智能原理探索
- C++在嵌入式系统中的关键技术与应用深度探讨