button/input連結方式全攻略
自己總結了一下常用到的Button連結,程式碼如下:
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://hi.baidu.com/harryxue'" />
6.開啟無邊框的新視窗同時指向另一頁
<input type="button" name="Submit2" value="確 定" class="btn" onclick="javascript:window.open('http://hi.baidu.com/harryxue','','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;" >
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://hi.baidu.com/harryxue'" />
6.開啟無邊框的新視窗同時指向另一頁
<input type="button" name="Submit2" value="確 定" class="btn" onclick="javascript:window.open('http://hi.baidu.com/harryxue','','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;" >
相關文章
- <button>和<input type=“button“> 的區別
- <input type="button">和<button>的區別
- HTML input button按鈕HTML
- HTML input button 按鈕HTML
- HTML標籤之form,input,button,tableHTMLORM
- button 和input 的區別及在表單form中的用法ORM
- wordpress修改固定連結(打不開連結的解決方式)
- 三種連結方式的區別
- Windows 中的硬連結、目錄聯接(軟連結)、符號連結、快捷方式Windows符號
- Oracle 表連線方式詳解(外連結、內連線、自連線)Oracle
- button按鈕重新整理頁面的幾種方式
- 兩種方式建立sqlserver連結伺服器SQLServer伺服器
- input 與 button 的問題 (空隙/不等高/對不齊)及 解決辦法
- 024 透過連結串列學Rust之非安全方式實現連結串列2Rust
- 024 通過連結串列學Rust之非安全方式實現連結串列2Rust
- 易優CMS模板標籤links友情連結控制友情連結的開啟方式
- 三種表連線方式 最佳化總結
- 023 透過連結串列學Rust之非安全方式實現連結串列1Rust
- 023 通過連結串列學Rust之非安全方式實現連結串列1Rust
- js滑鼠懸浮連結背景動畫方式漸變效果JS動畫
- jQuery :buttonjQuery
- 詳解表連線順序和連線方式是否影響查詢結果
- Java兩種方式實現連結串列的刪除,返回頭結點Java
- ORACLE 連線方式Oracle
- Oracle連線方式Oracle
- Ubuntu中編譯連結Opencv應用的簡便方式Ubuntu編譯OpenCV
- 【程式設計】java jdbc/ojdbc 連結oracle的三種方式程式設計JavaJDBCOracle
- 微信小程式,使用button元件讓使用者主動登陸方式。微信小程式元件
- 動態繫結 input v-model
- 【連結 1】與靜態連結庫連結
- Layui-buttonUI
- el-button
- python連線clickhouse資料庫的兩種方式小結Python資料庫
- pl/sql中比較好玩的一種連結資料庫方式SQL資料庫
- ORACLE 表連線方式Oracle
- mysql 的連線方式MySql
- oracle表連線方式Oracle
- exists和連線方式