在開發(fā)Web應(yīng)用過(guò)程中,經(jīng)常需要跳轉(zhuǎn)到其他頁(yè)面。對(duì)于原生JavaScript,我們可以使用window.location來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。而在jQuery中,也有對(duì)應(yīng)的方法。
如果使用jQuery來(lái)打開一個(gè)新頁(yè)面,可以使用以下的代碼:
$(document).ready(function(){ $("#newPage").click(function(){ window.open("http://www.example.com","_blank"); }); });
以上代碼綁定了一個(gè)點(diǎn)擊事件,當(dāng)用戶點(diǎn)擊id為newPage的元素時(shí),會(huì)打開一個(gè)新的頁(yè)面,并跳轉(zhuǎn)到http://www.example.com。其中,第二個(gè)參數(shù)"_blank"表示在新窗口中打開頁(yè)面。
如果要在原有頁(yè)面中打開一個(gè)新頁(yè)面,可以使用以下代碼:
$(document).ready(function(){ $("#newPage").click(function(){ window.location.; }); });
以上代碼同樣綁定了一個(gè)點(diǎn)擊事件,當(dāng)點(diǎn)擊id為newPage的元素時(shí),會(huì)在原有窗口中打開http://www.example.com頁(yè)面。
通過(guò)以上代碼,我們可以輕松地實(shí)現(xiàn)跳轉(zhuǎn)頁(yè)面的功能,并且可以靈活地選擇在新窗口中打開還是在原有窗口中打開。