JavaScript网页特效与安全代码集锦

需积分: 10 2 下载量 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在网页动态效果和交互性方面的能力,对于想要增强网页用户体验的开发者来说是一份宝贵的参考资料。