zoukankan      html  css  js  c++  java
  • javascript打开新窗体

    open -- 打开(弹出)一个新的窗体
    
    open,中文"打开"的意思
    引用网址:http://www.dreamdu.com/javascript/window.open
    JavaScript open() 函数
    
    open -- 打开(弹出)一个新的窗体
    open,中文"打开"的意思
    引用网址:http://www.dreamdu.com/javascript/window.open/
    open函数语法
    
    window.open(url, name, features, replace);
    open函数参数说明
    
    url -- 要载入窗体的URL
    name -- 新建窗体的名称(也可以是HTML target属性的取值,目标)
    features -- 代表窗体特性的字符串,字符串中每个特性使用逗号分隔
    replace -- 一个布尔值,说明新载入的页面是否替换当前载入的页面,此参数通常不用指定
    open函数name参数说明
    
    name用于设置弹出窗体的名称,如果使用已有的窗体或框架名称作为name参数,那么url网址将在这个窗体或框架页面载入
    
    例如:
    
    <a href="http://www.dreamdu.com/" target="dreamdu">使用HTML连接建立一个页面</a>
    <a href="#" onclick="window.open('http://www.dreamdu.com/xhtml/','dreamdu');">使用JavaScript在上面已经建立连接的页面载入HTML教程</a>
    首先使用普通HTML链接打开一个页面(target名为dreamdu),之后使用open函数打开另一个页面,浏览器首先要查找是否有名称为dreamdu的窗体,如果有,就在这个窗体中加载梦之都HTML教程网址。否则新建一个名称为dreamdu的窗体并加载梦之都HTML教程网址
    
    open函数默认的打开窗体的方式为target的_blank弹出方式,因此页面都将以弹出的方式打开
    
    open函数features参数说明
    
    如果不使用第三个参数,将打开一个新的普通窗口
    
    open函数features参数说明,通过特性字符串可以定义新的特性的窗口
    参数名称    类型    说明
    height    Number    设置窗体的高度,不能小于100
    left    Number    说明创建窗体的左坐标,不能为负值
    location    Boolean    窗体是否显示地址栏,默认值为no
    resizable    Boolean    窗体是否允许通过拖动边线调整大小,默认值为no
    scrollable    Boolean    窗体中内部超出窗口可视范围时是否允许拖动,默认值为no
    toolbar    Boolean    窗体是否显示工具栏,默认值为no
    top    Number    说明创建窗体的上坐标,不能为负值
    status    Boolean    窗体是否显示状态栏,默认值为no
    width    Number    创建窗体的宽度,不能小于100
    特性字符串中的每个特性使用逗号分隔,每个特性之间不允许有空格
    
    open函数返回值
    
    新建立的window对象
    
    猴子提示: 不建议使用弹出窗体,HTML弹出窗体
    
    示例
    
    window.open("http://www.dreamdu.com/", "dreamduwin", "width=500,height=300,left=10,top=20,location=yes,status=yes");
    新建一个宽度为500像素,高度为300像素,距离屏幕左上角水平偏移10像素,垂直偏移20像素,有地址栏与状态栏的窗体
    
    var oWin=window.open("http://www.dreamdu.com/", "dreamduwin");
    oWin.resizeTo(800,600);        //重新设置窗体大小
    oWin.moveTo(50,50);        //移动窗体
    oWin.close();                //关闭窗体
    window.open函数新建立窗体后会返回新建窗体的window对象,通过此对象可以控制窗体(移动,改变大小,关闭)
    
    <input type="button" value="在新窗口中打开梦之都!" onclick="window.open('http://www.dreamdu.com/', 'dreamduwin', 'width=500,height=300,left=10,top=20,location=yes,status=yes');" />
    JavaScript open() 函数示例 -- 可以尝试编辑
    
    JavaScript open() 函数示例
    同一窗口加载网页,使用open函数

  • 相关阅读:
    racket eval
    mex不兼容
    【转】雷军 程序员随想
    UBoot 目录结构和编译过程
    远程监控web开发
    STL容器[08]
    STL容器[07]
    STL容器[17]
    STL容器[06]
    stl.map使用总结
  • 原文地址:https://www.cnblogs.com/cuc-ygh/p/3377825.html
Copyright © 2011-2022 走看看