转载 js弹出框、对话框、提示框、弹窗总结
时间 2019-11-19
标签
转载
弹出
对话框
提示
总结
转载:https://blog.csdn.net/huileiforever/article/details/9464659javascript
1、JS的三种最多见的对话框html
-
-
-
-
-
-
-
-
-
-
-
-
-
if (confirm(
"你肯定提交吗?")) {
-
-
-
-
-
-
-
-
-
-
-
var name = prompt(
"请输入您的名字",
"");
-
-
-
-
-
-
-
-
2、点击按钮时经常使用的6中提示框和操做
-
-
<input type="button" name="btn2" id="btn2" value="删除" onclick="return confirm('Yes/No'););
-
-
<!-----------按钮提示框---------->
-
<input type="
button"
name=
"btn2"
id=
"btn2"
value=
"提示"
onclick=
"javaScript:alert('您肯定要删除吗?');
-
-
<!-----------提交按钮---------->
-
<input type="
button"
value=
"提交"
onclick=
"javaScript:window.location.href='http://www.baidu.com';"/>
-
-
-
<input type="button" value="关闭" onclick="javaScript:window.close();">
-
-
-
<a href="#" onclick="javascript:;window.opener.location.reload();window.close()">返回
</a>
-
javaScript:window.location.reload();//返回当前页并刷新
-
-
-
<input type="button" name="button" value="< 返回" onclick="javascript:history.go(-1)"/>
3、弹出独立窗口
-
-
this.Response.Write(
"<script language=javascript>window.close();</script>");
-
-
-
this.Response.Write(
"<script>");
-
this.Response.Write(
"{top.opener =null;top.close();}");
-
this.Response.Write(
"</script>");
-
-
-
this.Response.Write(
"<script language=javascript>window.open('rows.aspx','newwindow','width=200,height=200')</script>");
-
-
-
this.Response.Write(
"<script language=javascript>window.open('rows.aspx')</script>");
-
this.Response.Write(
"<script>window.open('WebForm2.aspx','_blank');</script>");
-
-
-
this.Response.Write(
" <script language=javascript>alert('注册成功');window.window.location.href='WebForm2.aspx';</script> ");
-
-
-
this.Response.Write(
"<script>window.opener.location.href=window.opener.location.href;window.close();</script>");
-
this.Response.Write(
"<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>");
-
-
-
this.Response.Write(
"<script>window.opener.location.href=window.opener.location.href;</script>");
-
this.Response.Write(
"<script>window.opener.location.href='WebForm1.aspx';</script>");
-
-
-
this.Response.Write(
"<script language='javascript'>alert('发表成功!');window.open('WebForm2.aspx')</script>");
-
-
-
this.Response.Write(
"<script>alert('发表成功!');window.opener.location.href=window.opener.location.href;</script>");
-
-
-
<INPUT type=
"button" value=
"Button" onclick=
"javascript:window.open(window.location.href)">
-
-
-
Response.Write(
"parent.mainFrameBottom.location.href='yourwebform.aspx?temp=" +str+
"';");
-
-
-
<SCRIPT LANGUAGE="javascript">
-
-
-
参数解释:
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否容许改变窗口大小,yes为容许;
location=no 是否显示地址栏,yes为容许;
status=no 是否显示状态栏内的信息(一般是文件已经打开),yes为容许;java
'newwin':隐藏菜单栏地址栏工具条
web
4、弹出窗口实例演示windows
-
-
-
window.open (
'page.html')
-
-
-
-
-
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')
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
window.open(
"page.html",
"newwindow",
"height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
-
-
$(
document).ready(fucntion(){
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
window.open(
"page.html",
"newwindow",
"height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")
-
window.open(
"page2.html",
"newwindow2",
"height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")
-
-
-
-
-
-
-
-
-
window.open(
"page.html",
"",
"width=200,height=200")
-
-
-
-
-
-
-
-
-
-
setTimeout(
"self.close()",
10000)
-
-
-
$(
document).ready(fucntion(){
-
-
-
-
-
-
-
-
-
-
-
-
-
-
OpenWindow =
window.open(
"",
"newwin",
"height=250, width=250,toolbar=no ,scrollbars=" + scroll +
",menubar=no");
-
-
OpenWindow.document.write(
"<TITLE>例子</TITLE>")
-
OpenWindow.document.write(
"<BODY BGCOLOR=#ffffff>")
-
OpenWindow.document.write(
"<h1>Hello!</h1>")
-
OpenWindow.document.write(
"New window opened!")
-
OpenWindow.document.write(
"</BODY>")
-
OpenWindow.document.write(
"</HTML>")
-
OpenWindow.document.close()
-
-
-
-
-
-
-
-
-
-
-
-
-
window.open(
"page.html",
"",
"width=200,height=200")
-
-
function get_cookie(Name) {
-
-
-
if (
document.cookie.length >
0) {
-
offset =
document.cookie.indexOf(search)
-
-
-
end =
document.cookie.indexOf(
";", offset);
-
-
end =
document.cookie.length;
-
returnvalue =
unescape(
document.cookie.substring(offset, end))
-
-
-
-
-
-
if (get_cookie(
'popped') ==
'') {
-
-
document.cookie =
"popped=yes"
-
-
-
-
参考文章:http://blog.csdn.net/xiaotaoqibao/article/details/6797089