请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 150|回复: 9

[js] js弹出窗口问题总结

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-2-16 22:55:20 | 显示全部楼层 |阅读模式
js弹出窗口问题总结


1.无提示刷新网页

大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。而有的页面不会提示,不弹出提示窗口,直接就刷新了.如果页面没有form,则不会弹出提示窗口如果页面有form表单,

a)<form method="post" ...>
会弹出提示窗口
b)<form method="get" ...>
不会弹出

2 javascript刷新页面的方法

window.location.reload();

使用window.open()弹出的弹出窗口,刷新父窗口
window.opener.location.reload()
使用window.showDialog弹出的模式窗口
window.dialogArguments.location.reload();

3.javascript弹出窗口代码

下面给两个弹出屏幕居中窗口的例子

window.open()方式

function ShowDialog(url) {
var iWidth=300; //窗口宽度
var iHeight=200;//窗口高度
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,
Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft);
}
window.showModalDialog方式
function ShowDialog(url) {
var iWidth=300; //窗口宽度
var iHeight=200;//窗口高度
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;
dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");
}

注意这里的第二个参数,window

4.模式窗口数据不刷新(缓存)问题

在jsp页面加入如下语句

<%
response.setHeader("Pragma","No-Cache");
response.setHeader("Cache-Control","No-Cache");
response.setDateHeader("Expires", 0);
%>

5,模式窗口中,链接弹出新窗口问题

在</head>和<body>间加入<base target="_self">

6.无提示关闭页面的方法

function CloseWin(){
var ua = navigator.userAgent; var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
if(ie){
var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))));
if( IEversion< 5.5){
var str = '';
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
} else {
window.opener =null; window.close();
}
}else{
window.close()
}
}


想要了解更多更全面的web前段知识,css样式,html教程,数据库教程,word教程,excel教程等等,就到excel学习网www.excelxue.com


回复

使用道具 举报

4

主题

1004

帖子

195

积分

注册会员

Rank: 2

积分
195
发表于 2016-3-15 21:02:23 | 显示全部楼层
一下子解决了我工作当中的难题,谢谢楼主,非常感谢!
回复 支持 反对

使用道具 举报

2

主题

939

帖子

108

积分

注册会员

Rank: 2

积分
108
发表于 2016-3-21 17:25:39 | 显示全部楼层
谢谢您的分享!
回复 支持 反对

使用道具 举报

0

主题

842

帖子

6

积分

注册会员

Rank: 2

积分
6
发表于 2016-4-4 09:58:20 | 显示全部楼层
不错,学习了
回复 支持 反对

使用道具 举报

3

主题

995

帖子

53

积分

注册会员

Rank: 2

积分
53
发表于 2016-4-11 17:06:39 | 显示全部楼层
太给力啊 跪谢啊
回复 支持 反对

使用道具 举报

0

主题

700

帖子

57

积分

注册会员

Rank: 2

积分
57
发表于 2016-6-9 14:22:19 | 显示全部楼层
一下子解决了我工作当中的难题,谢谢楼主,非常感谢!
回复 支持 反对

使用道具 举报

2

主题

939

帖子

108

积分

注册会员

Rank: 2

积分
108
发表于 2016-7-5 11:20:19 | 显示全部楼层
还有许多问题不明白,有点恼火啊!
回复 支持 反对

使用道具 举报

1

主题

886

帖子

5

积分

注册会员

Rank: 2

积分
5
发表于 2016-8-3 10:04:43 | 显示全部楼层
一下子解决了我工作当中的难题,谢谢楼主,非常感谢!
回复 支持 反对

使用道具 举报

0

主题

855

帖子

6

积分

注册会员

Rank: 2

积分
6
发表于 2016-12-17 11:03:50 | 显示全部楼层
赞一个
回复 支持 反对

使用道具 举报

1

主题

849

帖子

7

积分

注册会员

Rank: 2

积分
7
发表于 2018-11-2 19:12:17 | 显示全部楼层
谢谢您的分享!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2018-11-18 18:54 , Processed in 0.253558 second(s), 33 queries .

快速回复 返回顶部 返回列表