zoukankan      html  css  js  c++  java
  • 新建窗口代码

    【最基本的弹出窗口代码】 
    其实代码非常简单: 
    <SCRIPT LANGUAGE="javascript"> 
    <!-- 
    window.open ('page.html') 
    --> 
    </SCRIPT> 
    因为这是一段javascript代码,所以它们应该放在<SCRIPT LANGUAGE ="javascript">标签和</script>之间。<!--和-->是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作为文本显示出来。 
    Window.open ('page.html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。 
    用单引号和双引号都可以,只是不要混用。 
    这一段代码可以加入HTML的任意位置,加入到<head>和</head>之间也可以,位置越靠前执行越早,尤其是页面代码较长时,又想使页面早点弹出就尽量往前放。 

    【经过设置后的弹出窗口】 
    下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。 
    我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。 
    <SCRIPT LANGUAGE="javascript:> 
    <!-- 
    window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,

    toolbar=no,menubar=no,scrollbars=no,resizable=no, 
    location=no,status=no') 
    //写成一行 
    --> 
    </SCRIPT> 
    参数解释: 
    <SCRIPT LANGUAGE="javascript"> js脚本开始; 
    window.open 弹出新窗口的命令; 
    page.html 弹出新窗口的文件名; 
    newwindow 弹出窗口的名字(不是文件名),可用空 ″代替; 
    height=100 窗口高度; 
    top=0 窗口距离屏幕上方的像素值; 
    left=0 窗口距离屏幕左侧的像素值; 
    toolbar=no 是否显示工具栏,yes为显示; 
    menubar,scrollbars 表示菜单栏和滚动栏; 
    resizable=no 是否允许改变窗口大小,yes为允许; 
    location=no 是否显示地址栏,yes为允许; 
    status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 
    </SCRIPT> js脚本结束。 

    【用函数控制弹出窗口】 
    下面是一个完整的代码。 
    <html> 
    <head> 
    <script LANGUAGE="javascript"> 
    <!-- 
    function openwin(){ 
    window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no, 
    location=no,status=no";) 
    //写成一行 

    --> 
    </script> 
    </head> 
    <body onload="openwin()"> 
    ...任意的页面内容... 
    </body> 
    </html> 
    这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢? 
    方法一:<body onload="openwen()"> 浏览器读页面时弹出窗口; 
    方法二:<body onunload="openwen()"> 浏览器离开页面时弹出窗口; 
    方法三:用一个连接调用:<a href="#" onclick="openwin()">打开一个窗口</a> 
    注意:使用的"#"是虚连接。 
    方法四:用一个按钮调用:<input type="button" onclick="openwin()" value="打开窗口"> 

    【主窗口打开文件1.htm,同时弹出小窗口page.html】 
    将如下代码加入主窗口<head>区: 
    <script language="javascript"> 
    <!-- 
    function openwin(){ 
    window.open("page.html","","width=200,height=200" ;)

    //--> 
    </script> 
    加入<body>区:<a href="http://www.5gcp.com" onclick="openwin()">open</a>即可。 

    【弹出的窗口之定时关闭控制】 
    下面我们再对弹出窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它在10秒钟后自动关闭是不是更酷了? 
    首先,将如下代码加入page.html文件的<head>区: 
    <script language="javascript"> 
    function closeit() { 
    setTimeout("self.close()",10000) //毫秒 

    </script> 
    然后,再用<body onload="closeit()">这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。) 

    【在弹出窗口中加上一个关闭按钮】 
    <form> 
    <INPUT TYPE='BUTTON' value='关闭' onClick='window.close()'> 
    </form> 
    呵呵,现在更加完美了!

    新建一个虾米音乐窗口如下,


    <script type="text/javascript">

    function openwin(){
    window.open("http://www.xiami.com/widget/3539262_52282,3680265,176035,1769640006,1768966096,862,1769085703,18711,1769135857,3680269,29564,_260_420_FF8719_494949/multiPlayer.swf","唯美图片之音乐","height=420,width=255,toolbar=no,menubar=no,scrollbars=yes,resizable=no, location=no,status=no");

    }

    </script>
    </head>
    <body>
    <a href="#" onclick="openwin()">打开一个窗口</a>
    </body>
    其中没有加,top=200,left=0,加之后窗口就不显示画面了,必须要移动窗口大小之后才显示,

    不知为什么

  • 相关阅读:
    PHP mysqli_sqlstate() 函数
    修改用户家目录
    mysql 我的学习
    mysql 表空间
    mysql cluster 运行的必备条件
    浅谈mysql集群
    RBAC权限管理
    mysql 恢复备份
    oracle10G/11G官方下载地址集合 直接迅雷下载
    MySQL 全文搜索支持, mysql 5.6.4支持Innodb的全文检索和类memcache的nosql支持
  • 原文地址:https://www.cnblogs.com/youxin/p/2263614.html
Copyright © 2011-2022 走看看