新手求助,如何让页面刷新后,默认执行一次点击事件呢?比如我有一个相册,我想在用户点击进入这个相册所在页面的时候,默认显示第一张。也就是一进入这个页面默认执行一次click事件,应该怎么写?
å¦æéè¦å¨é¡µé¢å·æ°çæ¶åé»è®¤æ§è¡ä¸æ¬¡ç¹å»äºä»¶ï¼å¯ä»¥åèä¸é¢çæ¹æ³å®ç°ï¼
1ã使ç¨åçjså®ç°
使ç¨åçjs主è¦ç¨å°äºwindow.onloadæ¹æ³ï¼
onload äºä»¶ä¼å¨é¡µé¢æå¾åå è½½å®æåç«å³åçã
è¯æ³:onload="SomeJavaScriptCode"
åæ°SomeJavaScriptCodeæ¯å¿ é¡»çè§å®è¯¥äºä»¶åçæ¶æ§è¡ç JavaScriptã
å®ç°ä»£ç ï¼
<script>window.onload = function() {
requestFullScreen();//ç´æ¥æ§è¡onclickä¸çå½æ°å°±è¡
}
</script>
å°ä»£ç æ¾å°bodyæ ç¾æä¸é¢å³å¯ã
2ã使ç¨Jqueryå®ç°
使ç¨jqueryå®ç°è¯¥ææ主è¦ç¨å°äºjquery.ready(fn)åjquery.trigger()æ¹æ³ï¼
jquery.ready(fn)ï¼å½DOMè½½å ¥å°±ç»ªå¯ä»¥æ¥è¯¢åæ纵æ¶ç»å®ä¸ä¸ªè¦æ§è¡çå½æ°ã
jquery.trigger(type,[data])ï¼å¨æ¯ä¸ä¸ªå¹é çå ç´ ä¸è§¦åæç±»äºä»¶ã
å®ç°ä»£ç ï¼
$(function() {$("#sdsd").trigger("click");//触åbuttonçclickäºä»¶
})ï¼
使用原生js实现
使用原生js主要用到了window.onload方法:
onload 事件会在页面或图像加载完成后立即发生。
语法:onload="SomeJavaScriptCode"
参数SomeJavaScriptCode是必须的规定该事件发生时执行的 JavaScript。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和正式宣布支持开源的jQuery库,另外,还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。
2009年1月,jQuery 1.3版发布,它使用了全新的选择符引擎Sizzle,在各个浏览器下全面超越其他同类型JavaScript框架的查询速度,程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法,使用live()方法可以为当前及将来增加的元素绑定事件,在1.3版之前,如果要为将来增加的元素绑定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。
2010年1月,也是jQuery的四周年生日,jQuery 1.4版发布,为了庆祝jQuery四周岁生日,jQuery团队特别创建了jquery14.com站点,带来了连续14天的新版本专题介绍。
在1.3及更早版本中,jQuery通过JavaScript的eval方法来解析json对象。在1.4中,如果你用的浏览器支持,则会使用原生的JSON.parse解析json对象,这样对json对象的书写验证则更为严格。比如:{foo: "bar"}的写法将不会被验证为合法的json对象,必须写成{"foo":"bar"}。如果你的程序打算升级到1.4版本,那么这一点要尤其注意。
本回答被网友采纳$(function(){
$("ul img").eq(0).click();//click()里边带函数表示事件绑定,不带参数表示触发一次点击事件
})追问
现在的情况如图,页面点击进来后,大图没有显示,必须点击小图才会出现大图,现在所有的小图点击都能显示相应的大图,但是我想点进页面来就默认点击第一张小图,然后出现第一张的大图,不然点进来后大图是空白的,因为点进来在没有点击小图前没有任何的click事件
$("#img1").click();追问
我知道点击事件是click,我想要的是页面刷新后默认就点击了第一张图片,然后出现相应的大图,而不是我点击后才出现第一张大图
追答我代码都写出来了,你还是没看明白。
$("#img1").click(); 与 $("#img1").trigger("click"); 是等效的。我一般习惯用前者,因为方便。