使用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>
相关文章
|
4月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
2月前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
102 10
|
4月前
|
JavaScript 前端开发
JS判断点击是单击还是双击
如何使用JavaScript判断用户点击是单击还是双击。
47 0
|
5月前
|
前端开发 JavaScript 开发者
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
本文提供了一个前端JS按钮点击事件、弹出式窗口和遮罩层的实战示例,包括HTML、CSS和JavaScript的具体实现代码,以及功能解析,演示了如何实现按钮点击后触发弹窗显示和遮罩层,并在2秒后自动关闭或点击遮罩层关闭弹窗的效果。
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
|
5月前
|
JavaScript 前端开发
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
45 2
|
5月前
|
JavaScript 前端开发 Java
JavaScript内存泄露大揭秘!你的应用为何频频“爆内存”?点击解锁救星秘籍!
【8月更文挑战第23天】在Web前端开发中,JavaScript是构建动态网页的关键技术。然而,随着应用复杂度增加,内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因,包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施,开发者可以有效避免内存泄露,提高应用性能。
76 1
|
5月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
31 1
|
5月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
25 1
|
5月前
|
JavaScript 前端开发
js点击抽奖符合条件触发点击次数
js点击抽奖符合条件触发点击次数
38 1
|
5月前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。