【温故而知新-Javascript】窗口效果 (全屏显示窗口、定时关闭窗口)
2024-10-18 18:25:30
1.全屏显示窗口
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全屏显示窗口</title>
</head> <body>
<div align="center">
<input type="button" name="FullScreen" value="全屏显示"
onclick="window.open(document.location,'big','fullscreen=yes')" />
</div>
</body>
</html>
2.定时关闭窗口
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定时关闭窗口</title>
<script type="application/javascript">
var i=6;
clock();
function clock()
{
document.title = "本窗口将在"+i+"秒后自动关闭!";
i --;
if(i>0) setTimeout("clock()",1000);
else
{
// 1.在Firefox地址栏里输入 about:config
// 2.在配置列表中找到 dom.allow_scripts_to_close_windows
// 3.点右键的选切换把上面的false修改为true即可。
//注:默认是false,是为了防止脚本乱关窗口
//FireFox中做如此设置以后,直接使用"window.close()"即可对窗口关闭。 //window.open('','_self','');针对chrome浏览器,添加此代码,不过我这测试没用,依然警告:Scripts may close only the windows that were opened by it.
window.close();
}
}
</script>
</head> <body>
</body>
</html>
来源:《HTML、CSS、Javascript网页制作从入门到精通》15.3章节
PS:IE下有效
最新文章
- CSS float 浮动属性
- git 行动指南
- SQLserver CASE WHEN
- asp.net mvc本地程序集和GAC的程序集冲突解决方法
- UI4_UITableViewEdit
- web项目设计与开发——DBHelper2
- Linux下的静态IP配置【weber出品】
- linux/unix 段错误捕获【续】
- Ubuntu下使用nginx和nginx-rtmp-module搭建流媒体服务器的正确姿势
- Ansible自动化运维笔记3(playbook)
- ps入门学习
- python安装后环境变量的设置
- python3 opencv3 实现基本的人脸检测、识别功能
- Tomcat配置虚拟主机、tomcat的日志
- C# ADO.NET与面向对象
- IntelliJ IDEA 快捷键说明大全(中英对照、带图示详解)
- Android设置横屏竖屏
- C# WebBrowser设置代理
- 如何取得nginx做反向代理时的真实IP?
- javascript小技巧之with()方法
热门文章
- JavaMail入门第二篇 创建邮件
- Liunx目录结构
- NYOJ 1058 部分和问题
- 配置VS代码生成工具ReSharper快捷键
- Ideal-image-slider 幻灯片
- 操作iframe
- CKEditor与CKFinder的配置
- - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath不执行的问题
- iOS 杂笔-20(UIView和CALayer的区别与联系)
- Java部分总结图片版2(已加上原图链接!!!)