一、JS的三种最常见的对话框
常用三种弹出对话框
function ale ( ) {
alert ( "提示信息!" ) ;
}
function firm ( ) {
if ( confirm ( "你确定提交吗?" ) ) {
alert ( "点击了确定" ) ;
}
else {
alert ( "点击了取消" ) ;
}
}
function prom ( ) {
var name = prompt ( "请输入您的名字" , "" ) ;
if ( name)
{
alert ( "欢迎您:" + name)
}
}
二、点击按钮时常用的6中提示框和操作
< ! -- -- -- -- -- - 按钮提示框-- -- -- -- -- >
< input type= "button" name= "btn2" id= "btn2" value= "删除" οnclick= "return confirm ( 'Yes/No' ) ; ) ;
< ! -- -- -- -- -- - 按钮提示框-- -- -- -- -- >
< input type= "button" name= "btn2" id= "btn2" value= "提示" οnclick= "javaScript: alert ( '您确定要删除吗?' ) ;
< ! -- -- -- -- -- - 提交按钮-- -- -- -- -- >
< input type= "button" value= "提交" οnclick= "javaScript:window.location.href='http://www.baidu.com';" / >
< ! -- -- -- -- -- - 关闭按钮-- -- -- -- -- >
< input type= "button" value= "关闭" οnclick= "javaScript:window.close();" >
< ! -- -- -- -- -- - 返回并关闭连接-- -- -- -- -- >
< a href= "#" οnclick= "javascript:;window.opener.location.reload();window.close()" > 返回< / a>
javaScript: window. location. reload ( ) ;
< ! -- -- -- -- -- - 返回上一级页面-- -- -- -- -- >
< input type= "button" name= "button" value= "< 返回" οnclick= "javascript:history.go(-1)" / >
三、弹出独立窗口
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" οnclick= "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, menubar=no, scrollbars=no, resizable=no,location=n o, status=no' )
-- >
参数解释:
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为允许;
'newwin' : 隐藏菜单栏地址栏工具条
四、弹出窗口实例演示
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' )
function openwin ( ) {
window. open ( "page.html" , "newwindow" , "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" )
}
$( document) . ready ( fucntion ( ) {
openwin ( ) ;
} ) ;
function openwin ( ) {
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" )
}
function openwin ( ) {
window. open ( "page.html" , "" , "width=200,height=200" )
}
function closeit ( ) {
setTimeout ( "self.close()" , 10000 )
}
$( document) . ready ( fucntion ( ) {
closeit ( ) ;
} ) ;
function openwin ( ) {
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 ( )
}
function openwin ( ) {
window. open ( "page.html" , "" , "width=200,height=200" )
}
function get_cookie ( Name) {
var search = Name + "="
var returnvalue = "" ;
if ( document. cookie. length > 0 ) {
offset = document. cookie. indexOf ( search)
if ( offset != - 1 ) {
offset += search. length
end = document. cookie. indexOf ( ";" , offset) ;
if ( end == - 1 )
end = document. cookie. length;
returnvalue = unescape ( document. cookie. substring ( offset, end) )
}
}
return returnvalue;
}
function loadpopup ( ) {
if ( get_cookie ( 'popped' ) == '' ) {
openwin ( )
document. cookie = "popped=yes"
}
}