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. JavaScript引用类型(二)

    Date类型 Javascript中的Date类型是采用Java中的java.util.Date类基础上构建的,使用UTC时间来保存数据,可以精确到1970年1月1日之前或之后的285616年 创建一 ...

  2. OC Categroy类别

    Categroy类别,又称为扩展类,在类的原基础上扩展方法,且不可添加变量,如果扩展的方法与原始类中的方法相同,则会隐藏原始方法,且不可在扩展方法中通过super调用原始方法,这里与继承不同. 定义: ...

  3. android sqlite操作(2)

    以下只是我个人的浅见,大神请忽略~ 这一篇说一下sqlite的相关操作,其实安卓提供了相当多的操作sqlite的方法,这里我介绍下我常用的方法. (1)创建一个数据库文件,这个很简单 File dbP ...

  4. C#完全无客户端访问Oracle

    网上太多的C#无客户端访问oracle案例,经我测试无一成功,特将我在oracle官网上和自己琢磨总结,终于成功,废话不多说,直接上项目. 一,准备条件 (由于我这里是用的控制台程序来测试的,所以将上 ...

  5. Spring IoC容器的设计—3—次线

    这里涉及的是主要接口关系,而具体的IoC容器都是在这个接口体系下实现的,比如DefaultListableBeanFactory,这个基本IoC容器的实现就是实现了ConfigurableBeanFa ...

  6. 汇编中PTR常见的几种用法

    汇编中PTR的用法确实是令人比较头疼的,我特意搜集了一些PTR的应用实例,可以从例子中揣摩出规律: 1.MOV    WORD PTR [DI],OFFSET BUF1 2.SUB    BYTE   ...

  7. windows通过thrift访问hdfs

    thirift是一个支持跨种语言的远程调用框架,通过thrift远程调用框架,结合hadoop1.x中的thriftfs,编写了一个针对hadoop2.x的thriftfs,供外部程序调用. 1.准备 ...

  8. PCB参数计算神器-Saturn PCB Design Toolkit下载及安装指南

    进行PCB设计,特别是高频高速设计时,难免会涉及到PCB相关参数的计算及设置,如:VIA的过流能力,VIA的寄生电容.阻抗等,导线的载流能力,两相互耦合信号线间的串扰,波长等参数. 这里向大家介绍一款 ...

  9. c语言结构体指针初始化

    今天来讨论一下C中的内存管理. 记得上周在饭桌上和同事讨论C语言的崛起时,讲到了内存管理方面 我说所有指针使用前都必须初始化,结构体中的成员指针也是一样 有人反驳说,不是吧,以前做二叉树算法时,他的左 ...

  10. 8款实用的Jquery瀑布流插件

    1.网友Null分享Jquery响应式瀑布流布局插件 首先非常感谢网友Null的无私分享,此作品是一款响应式瀑布流布局Jquery插件,网友Null增加了一个屏幕自适应和响应式,响应式就是支持智能手机 ...