使用JavaScript,点击按钮一个打开新的窗体

简介: 使用JavaScript,点击按钮一个打开新的窗体
<script type="text/javascript">
    function openObj(){
      window.open("success.html","baiducccc");//新建一个窗体,名字为baiducccc
    }
    function openObj2(){
      window.open("success.html","_self");//在自身的窗体打开,不会新建窗体
    }
    function openObj3(){
      var win = window.open("success.html", "abccc","width=400,height=400,top=100,left=200,menubar=yes,location=yes,scrollbars=yes")//表示不会一直新建窗体,一直都是在名字为abccc的窗体打开(第一次是新建了一个abccc的窗体,之后就不会再创建)
      //win.resizeBy(200,200)//在原来的页面基础上新加200,200
      //win.resizeTo(200,200)//把原来的大小重新设定为200,200
      //win.moveBy(200,200);//在原来基础上再偏移200,200
      console.log(win.screenX+"."+win.screenY);//查看没有偏移之前的位置
      win.moveTo(200, 200);
      console.log(win.screenX+"."+win.screenY);//查看偏移之后的位置
    }
    console.log(innerHeight+"..."+innerWidth);
  </script>
  </head>
  <body>
      <input type="button" value="打开新页面" οnclick="openObj()">
      <input type="button" value="在当前窗体打开" οnclick="openObj2()">
      <input type="button" value="指定窗体位置大小打开"
          οnclick="openObj3()">
  </body>
相关文章
|
21天前
|
JavaScript 前端开发
js实现点击音频实现播放功能
js实现点击音频实现播放功能
|
3月前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
31 1
|
3月前
|
存储 移动开发 JSON
分享86个表单按钮JS特效,总有一款适合您
分享86个表单按钮JS特效,总有一款适合您
33 1
|
4月前
|
JavaScript 前端开发 算法
JavaScript中的排他算法实现按钮单选
JavaScript中的排他算法实现按钮单选
20 0
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
JS点击切换背景图
JS点击切换背景图
35 0
|
24天前
|
JavaScript
js生成二维码点击可放大
js生成二维码点击可放大
|
2月前
|
JavaScript
JS+CSS3点击粒子烟花动画js特效
JS+CSS3点击粒子烟花动画js特效
18 0
JS+CSS3点击粒子烟花动画js特效
|
2月前
|
JavaScript 前端开发
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
|
2月前
|
JavaScript
|
3月前
|
移动开发 JSON JavaScript
分享76个表单按钮JS特效,总有一款适合您
分享76个表单按钮JS特效,总有一款适合您
30 5