1.最简单的

<script type="text/javascript">

<!--

window.open("http://cn.bing.com");
window.open("../../page.html");
window.open("some.html");
window.open("some.html","some_tag","height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no");

-->

</script>

2.使用函数

<script type="text/javascript">

function open_window(){

    window.open("some.html");

}

</script>

调用：

1.<body onload="open_window()">    //打开网页弹出

2.<body onunload="open_window()">    //关闭网页弹出

3.<a href="#" onclick="open_window()">    //点击链接弹出

3.让弹出的窗口自动关闭

<script type="text/javascript>

function close_itself(){

    setTimeout("self.close()", 10000); //10秒后关闭

}

</script>

4.在当前窗口内弹出

<script type="text/javascript">

OpenWindow=window.open("", "some_tag", "height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");

OpenWindow.document.write("<TITLE>some_example</TITLE>");

OpenWindow.document.write("<BODY BGCOLOR=#ffffff>");

OpenWindow.document.write("<h1>Hello!</h1>");

OpenWindow.document.write("New window opened!");

OpenWindow.document.write("</BODY>");

OpenWindow.document.write("</HTML>");

OpenWindow.document.close();

</script>

5.弹出窗口之Cookie控制

<script type="text/javascript">

function open_window(){

window.open("some.html","some_tag","width=200,height=200");

}

function get_cookie(Name){

var search = Name + "=";

var returnvalue = "";

if (documents.cookie.length > 0) {

    offset = documents.cookie.indexOf(search);

    if (offset != -1) {

        offset += search.length;

        end = documents.cookie.indexOf(";", offset);

        if (end == -1){

       　　 end = documents.cookie.length;

        }

        returnvalue=(documents.cookie.substring(offset, end));

    } 
 }

 return returnvalue;

}

function loadpopup(){

　　if (get_cookie('popped')==''){

　　　　open_window();

　　　　documents.cookie="popped=yes";

　　}

}

</script>

6.弹出窗口渐变大

1. 居中弹出窗口, 并逐步扩大
<script type="text/javascript">

    if (navigator.appName=="Microsoft Internet Explorer") {//最大化窗口

        self.moveTo(-5,-5);

        self.resizeTo(screen.availWidth +8,screen.availHeight+8) //这个脚本定义的宽度其实比原窗口还要大那么一点.

    }

    var w=h=200;

    x=(screen.width-w)/2;

    y=(screen.height-h)/2;

    var n=open('','newWin','width='+w+',height='+h+',left='+x+',right='+x+',top='+y+',bottom='+y);

        n.document.write('

        <script>

            document.write("temp"); /* 临时内容, 去掉出错 */

            document.body.innerHTML=""; /* 清空页面内容 */

            document.onclick=function() /* 单击关闭窗口 */

        </script>');

        n.document.write('<h2>test moving window</h2>');

        n.focus();

    var timer=setInterval('fMovingWin()',1);

    function fMovingWin(){

        if (n.closed||(w>=screen.width+8&&h>=screen.height+8)) {

            clearInterval(timer);

            return;

        }

        try{

            if(w<=screen.width+8)w+=2;

            if(h<=screen.height+8)h+=2;

            n.resizeTo(w, h)

            x=(screen.width-w)/2;

            y=(screen.height-h)/2;

            n.moveTo(x,y)

        } catch(e) {} //shawl.qiu script

    }

</script>

end

HTML弹出窗口的更多相关文章

  1. jQuery弹出窗口浏览图片

    效果预览:http://keleyi.com/keleyi/phtml/jqtexiao/3.htm HTML文件代码: <!DOCTYPE HTML> <html> < ...

  2. EasyUI弹出窗口实例

    效果体验:http://hovertree.com/texiao/jeasyui/1.htm 源代码下载:HovertreeJEasyUI HTML文件代码: <!DOCTYPE html> ...

  3. 让IE8在win7下面能显示使用window.showmodaldialog弹出窗口的地址状态栏

    问题来源:最近又要对老的系统进行改善,由于用到了window.showmodaldialog这个方法弹出窗口,比如从主界面弹出新增或者修改窗口,如下图所示,显示没有地址栏,进行代码修改还要找到相应的文 ...

  4. java selenium (十二) 操作弹出窗口

    selenium 中如何处理弹出窗口 阅读目录 原理 在代码里, 通过         Set<String> allWindowsId = driver.getWindowHandles ...

  5. JSP弹出窗口和模式对话框

    本文转载于其它blog,在此向本文原创者,致意!    JSP 弹出窗口  一.window.open() 基础知识      1.window.open()支持环境:  JavaScript1.0+ ...

  6. [转]js来弹出窗口的详细说明

    1.警告对话框 <script> alert("警告文字") </script> 2.确认对话框 <script> confirm(" ...

  7. OAF_开发系列08_实现OAF通过Popup参数式弹出窗口（案例）

    20150711 Created By BaoXinjian

  8. 【CefSharp】 禁用右键菜单 与 控制弹出窗口的方式(限版本39.0.0.1)

    这周没什么时间,一开始就在忙一些CefSharp的事情,Win10的研究就放了下来,CefSharp的资料挺少的,但好在是开源的,可以我们便宜的折腾.因为两个的内容都不多,我就合成一篇文章啦. 这还里 ...

  9. jquery-通过js编写弹出窗口

    本文转载 本文主要是通过js动态控制div的高度,css控制浮动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...

  10. 在HTML网页中设置弹出窗口的办法

    [1.最基本的弹出窗口代码] 其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.h ...

随机推荐

  1. [老老实实学WCF] 第十篇 消息通信模式(下) 双工

    老老实实学WCF 第十篇 消息通信模式(下) 双工 在前一篇的学习中,我们了解了单向和请求/应答这两种消息通信模式.我们知道可以通过配置操作协定的IsOneWay属性来改变模式.在这一篇中我们来研究双 ...

  2. xcode5下cocos2dx横竖屏设置

    我们在开发一款游戏之前一定会考虑的一件事就是,我们的游戏是支持横屏还是竖屏,又或者是横竖屏都支持.那么如何在xcode中对项目进行设置呢?下面我就在xcode5.1.1中利用cocos2dx2.2.3 ...

  3. AMQ学习笔记 - 17. 事务的测试

    概述 对事务机制进行测试. 测试实例 测试实例 结果预测 发送正常 3条消息入队 发送异常 0条消息入队 接收正常 3条消息出队 接收异常 0条消息出队 demo设计 设计图 测试分工 测试类 测试方 ...

  4. 杭电ACM2057--A + B Again

    这是题目 A + B Again 这是源代码: #include <stdio.h> int main() { __int64 a,b; while (scanf("%I64X ...

  5. Makefile中=、:=、+=、?=的区别

    =,就是基本的赋值 :=,覆盖原来的值 +=,添加新值 ?=,如果没有赋值则赋值

  6. java.lang.ThreadLocal源码分析

    ThreadLocal类提供线程本地变量,为变量在每个线程创建一个副本,每个线程可以访问自己内部的副本变量. 比如,有这样一个需求,需要为每个线程创建一个独一无二的标识,这个标识在第一次调用Threa ...

  7. PCB特征阻抗计算神器Polar SI9000安装及破解指南

    近年来,IC集成度的提高和应用,其信号传输频率和速度越来越高,因而在印制板导线中,信号传输(发射)高到某一定值后,便会受到印制板导线本身的影响,从而导致传 输信号的严重失真或完全丧失.这表明,PCB导 ...

  8. gcc常用选项

    gcc选项:    -c         只编译,不链接成为可执行文件,编译器只是由输入的.c等源代码文件生成.o为后缀的目标文件,通常用于编译不包含主程序的子程序文件.    -std=     指 ...

  9. CSS简写及如何优化技巧

    CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写.CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读. 下面介绍常见的CSS简写规则: ...

  10. AngularJS(15)-依赖注入

    AngularJS 依赖注入 什么是依赖注入 wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或 ...