javascript 弹出页面点击确定，刷新父页面 仔细分析学习，，
a.htm
<input type=button value=http://blog.soso.com/qz.q/"showModalDialog open"/>
<input type=button value=http://blog.soso.com/qz.q/"open"/>
b.htm
<input type=button value=http://blog.soso.com/qz.q/refresh/>
<script language="javascript" type="text/javascript">
function a()
{
window.parent.dialogArguments.document.execCommand('Refresh');
}
</script>
--------------------------------------
<script language="javascript" type="text/javascript">
function get()
{
window.parent.dialogArguments.document.execCommand('Refresh');
}
function shut()
{
window.parent.dialogArguments.document.execCommand('Refresh');
window.close();
}
</script>
<input type=button value=http://blog.soso.com/qz.q/提交/>
<input type=button value=http://blog.soso.com/qz.q/关闭/>
-----------------------------------------------------------
1: 關閉窗口
<input type="button" name="close" value=http://blog.soso.com/qz.q/"關閉窗口">
2: 列印窗口
<input type="button" name="print" value=http://blog.soso.com/qz.q/"列印窗口">
3: 返回上一頁
<input type="button" name="back" value=http://blog.soso.com/qz.q/"返回上頁">
4: 開新窗口
<input type="button" name="open" value=http://blog.soso.com/qz.q/"開新窗口">
5: 刷新頁面
5-1: 刷新本頁
<input type="button" name="slef" value=http://blog.soso.com/qz.q/"刷新本頁">
5-2: 刷新父頁
<input type="button" name="par" value=http://blog.soso.com/qz.q/"刷新父頁">
5-3: 刷新父頁的另一個框架中的頁面
<input type="button" name="parIt" value=http://blog.soso.com/qz.q/"刷新父頁另一框架">
5-4: 刷新另一個框架中的頁面
<input type="button" name="parFrame" value=http://blog.soso.com/qz.q/"刷新另一框架">
6: 提示
6-1: 單一"確定"按鈕提示,點擊后繼續下面的代碼
<script>
alert("操作成功!");
alert("操作失敗!");
</script>
6-2: 選擇提示,確定或者取消,分支語句.
<script>
if (confirm("您確定嗎?"))
alert("您點的是確定!");
else
alert("您點的是取消!");
</script>
7:光棒
<tr bgcolor="ecf2f9"
onMouseOut="style.backgroundColor='ecf2f9';"
onMouseOver="style.backgroundColor='#FFFFCC';">
8:客戶端數據驗證.
用form提交的數據可直接在客戶端進行一些相關的完全和安全性驗證,如名稱不能為空,料號是8位數,有效的email地址等..,可以快速的反應並減輕server的負載.
<script>
function datacheck() {
var msg = ""; //這個是用於顯示錯誤提示
var obj = ""; //這個是記錄錯誤的輸入值,用於出錯時返加focus
with(document.form1){ //共用對象,本頁面的form1
if (name.value=http://blog.soso.com/qz.q/="")
{
msg = "\n name的值不能為空";
obj = "name";
}
if (partno.value.length!=8)
{
msg = "\n partno的長度應該是8位";
obj = "partno";
}
//=================================================================
if(msg!="")
{
mobj = eval(obj);
mobj.focus();
alert("輸入錯誤\n"+msg);
return(false);
}
else
{
action="用於接受數據的下一頁"
submit();
}
}
}
</script>
<form name="form1" method="post">
<input type="text" name="name">
<input type="text" name="partno">
'下面的按鈕用於遞交數據,但按鈕類型為button,調用datacheck()函數,datacheck()用於檢驗用戶輸入的數據是正確,如果正確則遞交下一頁,否則不遞補,返回focus定於錯誤的text.
<input type="button" name="Submit" value=http://blog.soso.com/qz.q/"Submit">
<input type="reset" name="reset1" value=http://blog.soso.com/qz.q/"Reset">
</form>
父页是显示标题，弹出页修改标题提交后，父页更新:
<script language=javascript>
function winclose() {
window.opener.location.reload();
window.close();
}
</script>
<input type=button name=close value=http://blog.soso.com/qz.q/"关闭" onclick=winclose()>
=============================
<script>
function op(){
newopen=window.open("post.php","0","0");
setInterval('wen()',10);
}
function wen(){
if(newopen.closed){
window.location.reload();
}
}
</script>
<span style="CURSOR: hand" onclick='op()'>打开关闭</span>
|
