JavaScript特效代码集合:窗口控制、时间戳与浏览器历史检测
需积分: 9 135 浏览量
更新于2024-08-01
收藏 2.23MB DOC 举报
"该资源主要包含了JavaScript特效代码,包括自由控制打开的新窗口、记录页面修改时间、检测浏览器访问历史站点以及在用户离开时显示信息的功能。"
JavaScript是一种广泛用于网页和应用程序的脚本语言,它在客户端运行,为网页添加交互性和动态效果。下面将分别详细介绍这些特效代码实现的功能:
1. 自由控制打开的窗口:
这段代码允许你自定义新窗口的大小、位置和关闭时间。在<head>区域中添加JavaScript代码后,你可以通过调用函数Start()来打开指定URL的新窗口。例如,函数doPopup()设定了一个延迟5秒后打开名为"1.htm"的页面,窗口尺寸为267x103像素。如果设置了closetime变量,窗口将在设定的秒数后自动关闭。
```javascript
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
closetime=0; // 关闭窗口的延迟时间,0表示不关闭
// 0=donotclose, anythingelse=numberofseconds
function Start(URL, WIDTH, HEIGHT) {
windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
preview = window.open(URL, "preview", windowprops);
if (closetime) setTimeout("preview.close();", closetime * 1000);
}
function doPopup() {
url = "1.htm"; // 更改为你要弹出的页面URL
width = 267; // 窗口宽度(像素)
height = 103; // 窗口高度(像素)
delay = 5; // 延迟打开的时间(秒)
timer = setTimeout("Start(url, width, height)", delay * 1000);
}
// End -->
</script>
```
2. 记录页面修改时间:
这个脚本可以显示网页最后一次被修改的时间。只需将以下代码添加到<body>区域,它会自动在页面上显示当前页面的最后修改日期和时间。
```javascript
<script language="JavaScript">
<!-- hidescriptfromoldbrowsers
document.write("此页面已更新:" + document.lastModified + "")
// end hiding -->
</script>
```
3. 检测浏览器去过站点:
这段代码可以计算浏览器的历史记录数量,从而得知用户访问过多少个不同的站点。将以下代码加入<body>区域,页面会显示用户在当前浏览器会话中访问过的页面数量。
```javascript
<script>
var times = history.length;
document.write('此浏览器已经去过' + times + '个站了。');
</script>
```
4. 离开时显示信息:
这个功能可以在用户即将离开页面时显示一条信息。虽然提供的代码不完整,但通常你可以监听窗口的`onbeforeunload`事件来实现这一效果。当用户尝试离开页面时,会触发这个事件,你可以在此事件中添加显示信息的代码。
```javascript
<body onbeforeunload="return yourFunction();">
...
<script>
function yourFunction() {
alert('你离开了此页面。');
}
</script>
</body>
```
以上就是提供的JavaScript特效代码的主要内容,它们可以帮助你提升网页的用户体验,并提供有用的信息反馈。
2009-02-16 上传
2011-05-30 上传
2023-05-24 上传
2024-01-15 上传
2023-07-14 上传
2023-04-29 上传
2024-09-02 上传
2024-03-02 上传
yr19880615
- 粉丝: 9
- 资源: 4
最新资源
- Postman安装与功能详解:适用于API测试与HTTP请求
- Dart打造简易Web服务器教程:simple-server-dart
- FFmpeg 4.4 快速搭建与环境变量配置教程
- 牛顿井在围棋中的应用:利用牛顿多项式求根技术
- SpringBoot结合MySQL实现MQTT消息持久化教程
- C语言实现水仙花数输出方法详解
- Avatar_Utils库1.0.10版本发布,Python开发者必备工具
- Python爬虫实现漫画榜单数据处理与可视化分析
- 解压缩教材程序文件的正确方法
- 快速搭建Spring Boot Web项目实战指南
- Avatar Utils 1.8.1 工具包的安装与使用指南
- GatewayWorker扩展包压缩文件的下载与使用指南
- 实现饮食目标的开源Visual Basic编码程序
- 打造个性化O'RLY动物封面生成器
- Avatar_Utils库打包文件安装与使用指南
- Python端口扫描工具的设计与实现要点解析