升级改造一个老系统,遇到很多问题。
老系统大量使用showModalDialog,现代浏览器很多已经不支持,需要改为window.open
问题一、center参数问题
showModalDialog可以用参数center来
指定对话框是否居中显示,但是open不支持,只能自己计算,然后用left、top来实现:
var width=610; var height=400; var left = (screenWidth - width) / 2; var top = (screenHeight - height) / 2; window.open( url, null, "width="+width+",height="+height+",left="+left+",top="+top+",scroll=no");
问题二、table居中问题
之前的老系统大量采用table来布局,首元素就是
<table width="800" align=center>
但是window.open后发现table根本没有居中,而是偏向右侧。应该是现代浏览器可能不太支持了,具体原因不详。
这种情况只好外面再套一层div了
<div style="display: flex;justify-content: center;width:800px;flex-wrap:wrap">
-------随之改造进程,持续更新中---