DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> input鏈接方式全攻略
input鏈接方式全攻略
編輯:CSS詳解     

1.鏈接到某頁
<input type="button" name="Submit" value="確 定" class="btn" onclick="location.href='filename.Html'" />

2.返回(等同後退)
<input name="Submit2" type="button" class="btn" onclick="location.href='Javascript:history.go(-1);'" value="返 回" />

3.打開新網頁
<input type="button" name="Submit2" value="確 定" class="btn" onclick="window.open('filename.Html')" />

4.打開無邊框的新窗口
<input type="button" name="Submit2" value="確 定" class="btn" onclick="Javascript:window.open('filename.Html','','width=720,height=500,resizable=yes,scrollbars=yes,status=no')" />

5.打開新網頁同時指向另一頁
<input type="button" name="Submit2" value="確 定" class="btn" onclick="window.open('filename.Html');location.href='http://www.cxybl.com'" />

6.打開無邊框的新窗口同時指向另一頁
<input type="button" name="Submit2" value="確 定" class="btn" onclick="Javascript:window.open('http://www.cxybl.com','','width=720,height=500,resizable=yes,scrollbars=yes,status=no'); window.location='filename.Html';" />

7.點擊按鈕彈出確認alert窗口
方式一:
<input type="button" name="Submit1" value="確定" class="btn"
onClick="alert('是否確認提交?');location.href= 'filename.Html';return false;" >
方式二:
<input type="button" name="Submit2" value="確定" class="btn"
onClick="if (confirm('是否確認提交?'))location.href= 'filename.Html';return false;" >

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved