在jquery中 , 可以給按鈕綁定click點擊事件 , 使用window.location.href實現頁面的跳轉 。 下面小編舉例講解jquery如何實現點擊按鈕跳轉頁面 。

需要這些哦
html+jquery
代碼編纂器:z studio 10.0
方式/
1新建一個html文件 , 定名為test.html , 用于講解jquery若何實現點擊按鈕跳轉頁面 。

2【jquery如何實現點擊按鈕跳轉頁面】在test.html文件內 , 利用button標簽建立一個按鈕 , 用于點擊跳轉 。

3在test.html文件內 , 設置button標簽的id為testbutton , 用于下面獲得button對象 。

4在js標簽內 , 經由過程ready()方式在頁面加載完當作時 , 執行function方式 。

5在function方式內 , 經由過程id獲得button對象 , 給它綁定click點擊事務 , 當按鈕被點擊時 , 利用window.location.href實現頁面的跳轉 。

6在瀏覽器打開test.html文件 , 點擊按鈕 , 查看成果 。


總結:11、利用button標簽建立一個按鈕 , 設置button標簽的id為testbutton 。
2、在js中 , 經由過程id獲得button對象 , 給它綁定click點擊事務 , 當按鈕被點擊時 , 利用window.location.href實現頁面的跳轉 。
注重事項window.location.href撐持相對路徑鏈接 , 也撐持絕對路徑鏈接 。
以上內容就是jquery如何實現點擊按鈕跳轉頁面的內容啦 , 希望對你有所幫助哦!
猜你喜歡
- wpsPPT中如何制作膠囊型封面
- wpsPPT中如何制作彩色水墨效果文字
- 無需任何工具 如何將B站視頻緩存到電腦上
- div+css如何把圖片設為背景
- 如何正確使用空中信使校園 1 公里社交 App
- 電腦qq如何設置拒絕所有臨時會話?
- 如何批量更改圖片清晰度?
- 如何將自己的視頻上傳到優酷?
- 非洲豬瘟是什么,傳染人嗎,如何預防
- 抖音如何使用同款道具 抖音怎么使用同款特效
