jquery如何實現點擊按鈕跳轉頁面

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

jquery如何實現點擊按鈕跳轉頁面



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



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



3在test.html文件內 , 設置button標簽的id為testbutton , 用于下面獲得button對象 。
jquery如何實現點擊按鈕跳轉頁面



4在js標簽內 , 經由過程ready()方式在頁面加載完當作時 , 執行function方式 。
jquery如何實現點擊按鈕跳轉頁面



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



6在瀏覽器打開test.html文件 , 點擊按鈕 , 查看成果 。
jquery如何實現點擊按鈕跳轉頁面



jquery如何實現點擊按鈕跳轉頁面



總結:11、利用button標簽建立一個按鈕 , 設置button標簽的id為testbutton 。
2、在js中 , 經由過程id獲得button對象 , 給它綁定click點擊事務 , 當按鈕被點擊時 , 利用window.location.href實現頁面的跳轉 。

注重事項window.location.href撐持相對路徑鏈接 , 也撐持絕對路徑鏈接 。

以上內容就是jquery如何實現點擊按鈕跳轉頁面的內容啦 , 希望對你有所幫助哦!

    猜你喜歡