zoukankan      html  css  js  c++  java
  • HTML弹出窗口

    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

  • 相关阅读:
    单选框和复选框(radiobox、checkbox)
    三种alertconfirmprompt弹窗的处理方法
    iframe的切换
    python的class(类)中的object是什么意思?
    loadrunner12自带的机票预订服务,解决httpd: Could not reliably determine the server's fully qualified domain name 问题
    使用错误的用户名和密码也能运行通过
    win10删除IE某些文件导致不可用恢复的方法
    win10系统删除需要Trustedlnstaller权限的文件
    loadrunner各版本对应的ie浏览器版本
    vue之vue-router加深印象
  • 原文地址:https://www.cnblogs.com/hujun1992/p/open_window.html
Copyright © 2011-2022 走看看