博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
弹出窗口2window.open()---2011-11-11 09:47 window.open 打开窗口最大化
阅读量:6814 次
发布时间:2019-06-26

本文共 1399 字,大约阅读时间需要 4 分钟。

最近在做项目的时候用到了弹出窗口,并且弹出窗口要求最大化处理,在网上搜了一些关于弹出窗口的例子,都不行,后来找到了解决问题的方法:

一下是普通弹出窗口的例子:

  <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=n o, status=no') //这句要写成一行
  -->
  </SCRIPT> 
  
  参数解释:
  
  <SCRIPT LANGUAGE="javascript"> js脚本开始;
  window.open 弹出新窗口的命令;
  'page.html' 弹出窗口的文件名;
  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
  height=100 窗口高度;
  width=400 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值;
  toolbar=no 是否显示工具栏,yes为显示;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是否允许改变窗口大小,yes为允许;
  location=no 是否显示地址栏,yes为允许;

    fullscreen=yes (no) 是否全屏显示zzzz

  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
  </SCRIPT> js脚本结束
 
 如果加上fullscreen=yes 的话,弹出的浏览器是全屏状态,相当于按下快捷键F12,不是我想要的情况,下面的代码可以完成弹出窗口的最大化:

<script type="text/javascript">

  var fulls = "left=0,screenX=0,top=0,screenY=0,scrollbars=1";    //定义弹出窗口的参数

  if (window.screen) {

     var ah = screen.availHeight - 30;
     var aw = screen.availWidth - 10;
     fulls += ",height=" + ah;
     fulls += ",innerHeight=" + ah;
     fulls += ",width=" + aw;
     fulls += ",innerWidth=" + aw;
     fulls += ",resizable"
 } else {
     fulls += ",resizable"; // 对于不支持screen属性的浏览器,可以手工进行最大化。 manually
 }
 function openNewWindow(url,name){
  window.open(url,name,fulls);
 }

</script>

然后在JSP页面中就可以直接调用openNewWindow()来打开页面了。

转载于:https://www.cnblogs.com/hanwenhua/articles/3370317.html

你可能感兴趣的文章
ionic3 UI Components学习4:Button 按钮
查看>>
highcharts实现饼状图
查看>>
npm常用命令集合
查看>>
6. Java 中的基本数据类型 【连载 6】
查看>>
three.js简介 —— 3D框架
查看>>
MySQL - 索引详解
查看>>
比特币:交易的数据结构
查看>>
es5_Object
查看>>
JS中的this详解
查看>>
基于vue-electron的小项目
查看>>
【收藏】15个常用的javaScript正则表达式
查看>>
大数据可视化 - 收藏集 - 掘金
查看>>
尤大低仿博客带回家
查看>>
库,组件,框架 - 收藏集 - 掘金
查看>>
vue server render实践
查看>>
JavaScript正则表达
查看>>
我对JS集合的简单学习
查看>>
CNN系列(转)
查看>>
Amaze UI 3.0即将内测,全新设计,全新体验,等你尝鲜!!
查看>>
Watson使用指南
查看>>