淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery是一个非常流行的JavaScript库,它能够大大简化我们在网页开发中的工作。其中一个非常实用的功能就是可以通过点击事件打开一个新的页面。下面我们来学习一下如何通过jQuery实现这个功能。


$('button').click(function(){
   window.open('url', '_blank'); 
});

jquery点击打开页面

上面的代码中,我们使用了click()函数来为按钮添加了一个点击事件,当用户点击按钮时,就会触发这个函数。在函数内,我们使用了window.open()函数来打开一个新的页面。其中,第一个参数表示要打开的页面的URL地址,第二个参数'_blank'表示在新的标签页中打开页面。

除了使用button元素作为触发器之外,我们还可以使用其他的HTML元素,例如a元素,在这个元素的href属性中添加需要打开的页面URL即可:


$('a').click(function(){
   window.open($(this).attr('href'), '_blank'); 
   return false;
});

在上面的代码中,我们使用了a元素来作为触发器。当用户点击这个元素时,会触发click()函数。在函数内,我们使用了$(this).attr('href')来获取这个a元素的href属性,也就是需要打开的页面的URL地址。最后使用window.open()函数来打开这个页面,并使用return false;来阻止页面跳转。

总结一下,通过使用jQuery的click()函数,我们可以很方便地为页面添加点击事件。当然,需要记得在函数内使用window.open()函数来打开新的页面。希望这篇文章对你有所帮助!