本文记录了一种使用javascript结合jQuery的方法，来解决弹出窗口预览通知内容时，因图片大小导致窗口变形的问题。通过调整图片大小以适应限定窗口尺寸，实现了良好的预览效果。
今天做“公共通知管理”的功能时，想实现一个效果就是点击通知标题，弹出一个窗口对该通知的内容进行预览，进而方便管理。因为通知一般比较简单所以限定了弹出窗口的大小，但是这种情况下一些有较大图片的通知页面会被挣得变形，因此需要对较大的图片进行控制使其适应窗口的大小。
考虑采用js实现，因为js的功底不是很扎实，好多都是对照的网上的方法实现的，做个记录，方便以后查找。
首先是弹出窗口的部分
使用的window.open()函数，这个函数有n多的参数，一时记不住，每次都是用的时候网上查，整理一下方便以后使用：
alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
alwaysRaised yes/no 指定窗口浮在所有窗口之上。
dependent yes/no 指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭。
directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
height pixel value 设定新窗口的像素高度。
hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
innerHeight pixel value 设置新窗口中文档的像素高度。
innerWidth pixel value 设置新窗口中文档的像素宽度。
location yes/ no 指明地址栏在新窗口中是否可见。
menubar yes /no 指明菜单栏在新窗口中是否可见。
outerHeight pixel value 设定窗口（包括装饰边框）的像素高度。
outerWidth pixel value 设定窗口（包括装饰边框）的像素宽度。
resizable yes /no 指明新窗口是否可以调整。
screenX pixel value 设定新窗口离屏幕边界的像素长度。
screenY pixel value 设定新窗口离屏幕上边界的像素长度。
scrollbars yes /no 指明滚动栏在新窗口中是否可见。
status yes /no 指明状态栏在新窗口中是否可见。
titlebar yes /no 指明菜单题目栏在新窗口是否可见。
toolbar yes /no 指明工具栏在新窗口中是否可见。
Width pixel value 设定窗口的像素宽度。
z-look yes /no 在文档中包含各个 <pplet>标签的数组。
fullscreen yes / no 打开的窗体是否进行全屏显示
left pixel value 设定新窗口距屏幕左方的距离
top pixel value 设定新窗口距屏幕上方的距离
然后是在新窗口弹出时控制一下里边的图片大小，使用了如下代码：
今天做“公共通知管理”的功能时，想实现一个效果就是点击通知标题，弹出一个窗口对该通知的内容进行预览，进而方便管理。因为通知一般比较简单所以限定了弹出窗口的大小，但是这种情况下一些有较大图片的通知页面会被挣得变形，因此需要对较大的图片进行控制使其适应窗口的大小。
考虑采用js实现，因为js的功底不是很扎实，好多都是对照的网上的方法实现的，做个记录，方便以后查找。
首先是弹出窗口的部分
使用的window.open()函数，这个函数有n多的参数，一时记不住，每次都是用的时候网上查，整理一下方便以后使用：
alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
alwaysRaised yes/no 指定窗口浮在所有窗口之上。
dependent yes/no 指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭。
directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
height pixel value 设定新窗口的像素高度。
hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
innerHeight pixel value 设置新窗口中文档的像素高度。
innerWidth pixel value 设置新窗口中文档的像素宽度。
location yes/ no 指明地址栏在新窗口中是否可见。
menubar yes /no 指明菜单栏在新窗口中是否可见。
outerHeight pixel value 设定窗口（包括装饰边框）的像素高度。
outerWidth pixel value 设定窗口（包括装饰边框）的像素宽度。
resizable yes /no 指明新窗口是否可以调整。
screenX pixel value 设定新窗口离屏幕边界的像素长度。
screenY pixel value 设定新窗口离屏幕上边界的像素长度。
scrollbars yes /no 指明滚动栏在新窗口中是否可见。
status yes /no 指明状态栏在新窗口中是否可见。
titlebar yes /no 指明菜单题目栏在新窗口是否可见。
toolbar yes /no 指明工具栏在新窗口中是否可见。
Width pixel value 设定窗口的像素宽度。
z-look yes /no 在文档中包含各个 <pplet>标签的数组。
fullscreen yes / no 打开的窗体是否进行全屏显示
left pixel value 设定新窗口距屏幕左方的距离
top pixel value 设定新窗口距屏幕上方的距离
然后是在新窗口弹出时控制一下里边的图片大小，使用了如下代码：
扫一扫
403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
