【温故而知新】Javascript窗口效果 (全屏显示窗口、定时关闭窗口)

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下有效

时间: 2024-11-06 15:00:22

【温故而知新】Javascript窗口效果 (全屏显示窗口、定时关闭窗口)的相关文章

QT 全屏显示子窗口

QT 中全屏显示子窗口的方法 QT 中窗口部件 QWidget 成员函数 showFullScreen();是用于将窗口部件全屏显示 但是他只对窗口模式的部件有用.子窗口的特征是 Qt::SubWindow不是独立的窗 口.因此对其调用 showFullScreen无效.通过对子窗口调用setWindowFlags Qt: :Dialog或 setWindowFlagsQt::Window将其设为窗口模式后即可 调用 showFullScreen();进行全屏显示了. 相对于子窗口的全屏显示方法

Qt中子窗口全屏显示与退出全屏

在Qt开发中偶尔遇到子窗口全屏显示和退出全屏的功能需求,是一种比较正常的情况,首先,我们需要知道子窗口全屏显示与退出全屏主要会调用的方法有哪些,下面将列举此过程主要调用的方法: isFullScreen():判断窗口当前是处于全屏状态还是非全屏状态 setWindowFlags(Qt::WindowFlags type):设置窗口属性 showFullScreen():设置窗口全屏显示 showNormal():设置窗口恢复原来显示(Restores the widget after it ha

Qt子窗口QMidSubwindow全屏出现的问题总结

我的需求:想全屏一个子窗口QMidSubwindow,禁止显示最大化最小化和关闭按钮. 我开始尝试的是网上介绍的方法,把结果展现给大家一下,最后再总结: 方法1:QMidSubwindow直接调用showMaximized(),我的疑问在图片上,为啥我的禁止子窗口显示最大化.最小化.关闭按钮,没有成功呢??? 源码: ExaminationForm *patientExamForm = new ExaminationForm(); patientExamForm->setWindowTitle(

html5——全屏显示

基本概念 1.HTML5规范允许用户自定义网页上任一元素全屏显示 2.requestFullscreen() 开启全屏显示.cancleFullscreen() 关闭全屏显示 3.不同浏览器兼容性不一样 4.全屏伪类div:-ms-fullscreen,表示在全屏后的状态 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g

QT中关于窗口全屏显示与退出全屏的实现

近期在学习QT时遇到了很多问题这也是其中一个,个人通过在各种书籍和网络上的查阅找到了一些关于这方面的答案,希望能给大家一些帮助. 首先,在QT中对于窗口显示常用的有这么几个方法可以调用: Qt全屏显示函数            showFullScreen() Qt最大化显示函数         showMaximized()Qt最小化显示函数         showMinimized()Qt固定尺寸显示函数      resize(x,y)Qt设置最大尺寸函数      setMaximum

JavaScript特效实例011-弹出全屏显示的网页模式对话框

实例011                    弹出全屏显示的网页模式对话框 实例说明 弹出全屏显示的网页模式对话框,用户关闭之前不能浏览网站的其他内容. 技术要点 本实例主要应用screen对象的width.height属性和window对象的showModalDialog()方法实现.其实还有一种方法打开网页对话框,即showModelessDialog()方法. 使用showModalDialog()与showModelessDialog()方法的区别在于,showModalDialog

JavaScript实现全屏显示

<!doctype html> <html> <head> <title>全屏显示</title> <meta charset="utf-8" /> <style> div { width: 200px; height:200px; background:pink; margin:100px auto; } button { margin-left: 650px; } h1 { margin-left:

Qt on Android:让 Qt Widgets 和 Qt Quick 应用全屏显示

Android 系统版本很多,较新的 4.4 ,较老的 2.3 ,都有人用. Qt on Android 开发的 Android 应用,默认在 Android 设备上是非全屏的.而有些应用的需求是全屏显示,比如游戏.那么怎么样才能做到这点呢? 请给我的决赛文章<Qt Quick 图像处理实例之美图秀秀(附源码下载)>投票,谢谢. 我们需要分 Android 系统版本来说. Android 2.x 对于 4.0 以前,比如 2.2 . 2.3 的系统,可以修改 AndroidManifest.x

wince 全屏显示、控制任务栏等

1 using System; 2 using System.Linq; 3 using System.Collections.Generic; 4 using System.Text; 5 using System.Windows.Forms; 6 using System.Runtime.InteropServices; 7 8 namespace ContourErrorPreventionPDA 9 { 10 public class FormScreen 11 { 12 const u