jquery如何让页面刷新的时候默认执行一次点击事件? Jquery的点击事件总是在页面加载时就执行了?怎么回事呢?...
jquery\u5982\u4f55\u8ba9\u9875\u9762\u5237\u65b0\u7684\u65f6\u5019\u9ed8\u8ba4\u6267\u884c\u4e00\u6b21\u70b9\u51fb\u4e8b\u4ef6\uff1f\u4f7f\u7528\u539f\u751fjs\u5b9e\u73b0
\u4f7f\u7528\u539f\u751fjs\u4e3b\u8981\u7528\u5230\u4e86window.onload\u65b9\u6cd5\uff1a
onload \u4e8b\u4ef6\u4f1a\u5728\u9875\u9762\u6216\u56fe\u50cf\u52a0\u8f7d\u5b8c\u6210\u540e\u7acb\u5373\u53d1\u751f\u3002
\u8bed\u6cd5:onload="SomeJavaScriptCode"
\u53c2\u6570SomeJavaScriptCode\u662f\u5fc5\u987b\u7684\u89c4\u5b9a\u8be5\u4e8b\u4ef6\u53d1\u751f\u65f6\u6267\u884c\u7684 JavaScript\u3002
jQuery\u662f\u4e00\u4e2a\u5feb\u901f\u3001\u7b80\u6d01\u7684JavaScript\u6846\u67b6\uff0c\u662f\u7ee7Prototype\u4e4b\u540e\u53c8\u4e00\u4e2a\u4f18\u79c0\u7684JavaScript\u4ee3\u7801\u5e93\uff08\u6216JavaScript\u6846\u67b6\uff09\u3002jQuery\u8bbe\u8ba1\u7684\u5b97\u65e8\u662f\u201cwrite Less\uff0cDo More\u201d\uff0c\u5373\u5021\u5bfc\u5199\u66f4\u5c11\u7684\u4ee3\u7801\uff0c\u505a\u66f4\u591a\u7684\u4e8b\u60c5\u3002\u5b83\u5c01\u88c5JavaScript\u5e38\u7528\u7684\u529f\u80fd\u4ee3\u7801\uff0c\u63d0\u4f9b\u4e00\u79cd\u7b80\u4fbf\u7684JavaScript\u8bbe\u8ba1\u6a21\u5f0f\uff0c\u4f18\u5316HTML\u6587\u6863\u64cd\u4f5c\u3001\u4e8b\u4ef6\u5904\u7406\u3001\u52a8\u753b\u8bbe\u8ba1\u548cAjax\u4ea4\u4e92\u3002
jQuery\u7684\u6838\u5fc3\u7279\u6027\u53ef\u4ee5\u603b\u7ed3\u4e3a\uff1a\u5177\u6709\u72ec\u7279\u7684\u94fe\u5f0f\u8bed\u6cd5\u548c\u77ed\u5c0f\u6e05\u6670\u7684\u591a\u529f\u80fd\u63a5\u53e3\uff1b\u5177\u6709\u9ad8\u6548\u7075\u6d3b\u7684css\u9009\u62e9\u5668\uff0c\u5e76\u4e14\u53ef\u5bf9CSS\u9009\u62e9\u5668\u8fdb\u884c\u6269\u5c55\uff1b\u62e5\u6709\u4fbf\u6377\u7684\u63d2\u4ef6\u6269\u5c55\u673a\u5236\u548c\u4e30\u5bcc\u7684\u63d2\u4ef6\u3002jQuery\u517c\u5bb9\u5404\u79cd\u4e3b\u6d41\u6d4f\u89c8\u5668\uff0c\u5982IE 6.0+\u3001FF 1.5+\u3001Safari 2.0+\u3001Opera 9.0+\u7b49\u3002
\u5728jQuery\u8fc5\u901f\u53d1\u5c55\u7684\u540c\u65f6\uff0c\u4e00\u4e9b\u5927\u7684\u5382\u5546\u4e5f\u770b\u4e2d\u4e86\u5546\u673a\u30022009\u5e749\u6708\uff0c\u5fae\u8f6f\u548c\u8bfa\u57fa\u4e9a\u516c\u53f8\u6b63\u5f0f\u5ba3\u5e03\u652f\u6301\u5f00\u6e90\u7684jQuery\u5e93\uff0c\u53e6\u5916\uff0c\u5fae\u8f6f\u516c\u53f8\u8fd8\u5ba3\u79f0\u4ed6\u4eec\u5c06\u628ajQuery\u4f5c\u4e3aVisual Studio\u5de5\u5177\u96c6\u7684\u4e00\u90e8\u5206\u3002\u4ed6\u5c06\u63d0\u4f9b\u5305\u62ecjQuery\u7684\u667a\u80fd\u63d0\u793a\u3001\u4ee3\u7801\u7247\u6bb5\u3001\u793a\u4f8b\u6587\u6863\u7f16\u5236\u7b49\u5185\u5bb9\u5728\u5185\u7684\u529f\u80fd\u3002\u5fae\u8f6f\u548c\u8bfa\u57fa\u4e9a\u516c\u53f8\u5c06\u957f\u671f\u6210\u4e3ajQuery\u7684\u7528\u6237\u6210\u5458\uff0c\u5176\u4ed6\u6210\u5458\u8fd8\u6709Google\uff0cIntel\uff0cIBM\uff0cIntuit\u7b49\u516c\u53f8\u3002
2009\u5e741\u6708\uff0cjQuery 1.3\u7248\u53d1\u5e03\uff0c\u5b83\u4f7f\u7528\u4e86\u5168\u65b0\u7684\u9009\u62e9\u7b26\u5f15\u64ceSizzle\uff0c\u5728\u5404\u4e2a\u6d4f\u89c8\u5668\u4e0b\u5168\u9762\u8d85\u8d8a\u5176\u4ed6\u540c\u7c7b\u578bJavaScript\u6846\u67b6\u7684\u67e5\u8be2\u901f\u5ea6\uff0c\u7a0b\u5e8f\u5e93\u7684\u6027\u80fd\u4e5f\u56e0\u6b64\u6709\u4e86\u6781\u5927\u63d0\u5347\u3002\u8fd9\u4e00\u7248\u672c\u7684\u7b2c2\u4e2a\u53d8\u5316\u5c31\u662f\u63d0\u4f9blive()\u65b9\u6cd5\uff0c\u4f7f\u7528live()\u65b9\u6cd5\u53ef\u4ee5\u4e3a\u5f53\u524d\u53ca\u5c06\u6765\u589e\u52a0\u7684\u5143\u7d20\u7ed1\u5b9a\u4e8b\u4ef6\uff0c\u57281.3\u7248\u4e4b\u524d\uff0c\u5982\u679c\u8981\u4e3a\u5c06\u6765\u589e\u52a0\u7684\u5143\u7d20\u7ed1\u5b9a\u4e8b\u4ef6\uff0c\u9700\u8981\u4f7f\u7528livequery\u63d2\u4ef6\uff0c\u800c\u57281.3\u7248\u4e2d\uff0c\u53ef\u4ee5\u76f4\u63a5\u7528live()\u65b9\u6cd5\u3002
2010\u5e741\u6708\uff0c\u4e5f\u662fjQuery\u7684\u56db\u5468\u5e74\u751f\u65e5\uff0cjQuery 1.4\u7248\u53d1\u5e03\uff0c\u4e3a\u4e86\u5e86\u795djQuery\u56db\u5468\u5c81\u751f\u65e5\uff0cjQuery\u56e2\u961f\u7279\u522b\u521b\u5efa\u4e86jquery14.com\u7ad9\u70b9\uff0c\u5e26\u6765\u4e86\u8fde\u7eed14\u5929\u7684\u65b0\u7248\u672c\u4e13\u9898\u4ecb\u7ecd\u3002
\u57281.3\u53ca\u66f4\u65e9\u7248\u672c\u4e2d\uff0cjQuery\u901a\u8fc7JavaScript\u7684eval\u65b9\u6cd5\u6765\u89e3\u6790json\u5bf9\u8c61\u3002\u57281.4\u4e2d\uff0c\u5982\u679c\u4f60\u7528\u7684\u6d4f\u89c8\u5668\u652f\u6301\uff0c\u5219\u4f1a\u4f7f\u7528\u539f\u751f\u7684JSON.parse\u89e3\u6790json\u5bf9\u8c61\uff0c\u8fd9\u6837\u5bf9json\u5bf9\u8c61\u7684\u4e66\u5199\u9a8c\u8bc1\u5219\u66f4\u4e3a\u4e25\u683c\u3002\u6bd4\u5982\uff1a{foo: "bar"}\u7684\u5199\u6cd5\u5c06\u4e0d\u4f1a\u88ab\u9a8c\u8bc1\u4e3a\u5408\u6cd5\u7684json\u5bf9\u8c61\uff0c\u5fc5\u987b\u5199\u6210{"foo":"bar"}\u3002\u5982\u679c\u4f60\u7684\u7a0b\u5e8f\u6253\u7b97\u5347\u7ea7\u52301.4\u7248\u672c\uff0c\u90a3\u4e48\u8fd9\u4e00\u70b9\u8981\u5c24\u5176\u6ce8\u610f\u3002
$("#btnLogin").click(alert("!!!!"));
\u4f60\u7684\u8fd9\u79cd\u5199\u6cd5\u662f\u4e0d\u5bf9\u7684
click(function)
click\u51fd\u6570\u9700\u8981\u4f20\u5165\u4e00\u4e2afunction\uff0c\u4f5c\u4e3a\u56de\u8c03\u51fd\u6570\u3002
\u4f46\u662f\u4f60\u73b0\u5728click(alert("!!!!"))
\u4f20\u5165\u7684\u4e0d\u662f\u4e00\u4e2afunction
alert("!!!!")\u7684\u8fd4\u56de\u503c\u662fundefined
\u56e0\u6b64\u4f60\u8fd9\u53e5\u76f8\u5f53\u4e8e
\u5148\u6267\u884calert("!!!!")
\u7136\u540e\u628a\u8fd4\u56de\u503cundefined\u4f20\u5165\u5230click\u51fd\u6570\u4e2d\u4f5c\u4e3a\u53c2\u6570
\u53d8\u6210\u4e86click(undefined);
\u5f53\u7136\u5c31\u9519\u4e86\u3002
\u6b63\u786e\u662ffunction(){alert("!!!!");)
\u653e\u5230\u4e00\u4e2afunction\u4e2d
如果需要在页面刷新的时候默认执行一次点击事件,可以参考下面的方法实现:
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。
假设小图是在一个ul列表中,你的点击切换是触发在小图上的,那么,这样可以触发一次点击事件:
$(function(){
$("ul img").eq(0).click();//click()里边带函数表示事件绑定,不带参数表示触发一次点击事件
})
选择你要Click的元素,调用.click()方法,如:
$("#img1").click();
$("元素选择器").trigger("click");
绛旓細鍙互鐢 jquery ajax 寮傛 瀹炵幇 .ajax({ type: "POST",url: 璇锋眰璺緞 濡 鈥/asmx/1.asmx/HelloWorld鈥,data: 浼犺緭鍙傛暟 瑕佺湅璇锋眰绫诲瀷 姣忎釜杩斿洖鍙傛暟绫诲瀷涓嶅悓鍙傛暟鏍煎紡涓嶄竴鏍,dataType: 杩斿洖鍙傛暟绫诲瀷 濡 "html銆乯son "绛,beforeSend: function (XMLHttpRequest) { ("#divlist").html("姝e湪鍔犺浇...
绛旓細1銆亀indow.location.reload()鍒锋柊褰撳墠椤甸潰 2銆乸arent.location.reload()鍒锋柊鐖朵翰瀵硅薄锛堢敤浜庢鏋讹級3銆乷pener.location.reload()鍒锋柊鐖剁獥鍙e璞★紙鐢ㄤ簬鍗曞紑绐楀彛锛4銆乼op.location.reload()鍒锋柊鏈椤剁瀵硅薄锛堢敤浜庡寮绐楀彛锛jQuery鑳藉仛浠涔 1.鍙栧緱鏂囨。涓殑鍏冪礌銆俲Query涓哄噯纭湴鑾峰彇闇瑕佹鏌ユ垨鎿嶇旱鐨勬枃妗e厓绱狅紝鎻愪緵...
绛旓細甯歌鐨勮В鍐冲姙娉曡繕鏄敤ajax姣旇緝濂姐傚ぇ姒傛槸杩欐牱鐨勩傞渶瑕佷袱涓〉闈1.涓涓槸瀹為檯椤甸潰鏈韩 2.鍙︿竴涓槸涓涓┖鐧介〉闈㈡斁涓寮爈oading鍥剧墖 鍏堣姹傜2涓〉闈紝鍦ㄨ繖涓〉闈腑鏀句竴娈礱jax璇锋眰绗1涓〉闈紝鍦╯uccess鍑芥暟閲灏嗛〉闈鍐呭杈撳嚭锛屽苟灏唋oading鍥剧墖闅愯棌鎺夈備唬鐮佹槸杩欐牱鐨勶細loading page: .ajax({ type: ...
绛旓細2銆佸湪test.html鏂囦欢鍐咃紝浣跨敤button鏍囩鍒涘缓涓涓寜閽紝鎸夐挳鍚嶇О鍒嗗埆涓衡鍒锋柊椤甸潰鈥濄3銆佸湪test.html鏂囦欢鍐咃紝璁剧疆button鏍囩鐨刬d涓篵tn锛屼富瑕佺敤浜庝笅闈㈤氳繃璇d鑾峰緱button瀵硅薄銆4銆佸湪js鏍囩鍐咃紝浣跨敤$(function(){ })鏂规硶鍦ㄩ〉闈㈠姞杞藉畬鎴愭椂锛岄氳繃window.location.href鑾峰緱褰撳墠椤甸潰鐨勯摼鎺ワ紝骞鎶閾炬帴淇濆瓨鍦ㄥ彉閲弖rl...
绛旓細涓烘槸閲嶆柊鍔犺浇椤甸潰鎴鍒锋柊椤甸潰浣跨敤jquery锛屼綘鍙互浣跨敤location.reload()鍛戒护锛屼互涓嬫槸浠g爜锛 Refresh a page in jQuery Refresh a Page in jQuery ('#PageRefresh').click(function() { location.reload();});
绛旓細渚嬪锛屽鏋滄偍甯屾湜鎵嬪姩鍗曞嚮鎸夐挳鏉ラ樆姝IV娑堝け锛屼唬鐮佸彲浠ヨ繖鏍风紪鍐:/鍗曞嚮鍋滄娑堝け (function(){ timer=setTimeout(function(){ (#div鏄剧ず,鏃);},2000);})鍑芥暟stop(){ clearTimeout(瀹氭椂鍣)锛泒 jquery鎬庝箞鑾峰彇鍔ㄦ佹暟鎹紵浣犲彲浠ュ湪鍚庡彴鍐欐柟娉曠劧鍚椤甸潰鐨jquery璋冪敤鍚庡彴鐨勬柟娉曟瘮濡$("#pContent").html('')...
绛旓細涓嶉渶瑕佷娇鐢jquery锛屼娇鐢╦avascript鐨剆etTimeout()鍗冲彲瀹炵幇锛歸indow.onload = function(){setTimeout("location.reload()",2000);}浠g爜鏁堟灉濡備笅锛
绛旓細璺宠浆鐨勬椂鍊璋冪敤abc锛岀劧鍚庢牴鎹儏鍐佃皟鐢鍒锋柊鏈〉銆佸埛鏂扮埗椤垫垨鑰呰浆鍒版寚瀹氶〉銆俧unction abc(){ window.location.href="/blog/window.location.href";setTimeout("abc()",10000);} 鍒锋柊鏈〉锛歊esponse.Write("window.location.href=window.location.href;")鍒锋柊鐖堕〉锛歊esponse.Write("opener.location.href=...
绛旓細浣犲氨瀹氭椂鍙栧埌鏂扮殑鏁版嵁锛屾浛鎹㈡帀灞閮椤甸潰锛屽氨鏄畾鏃鍒锋柊浜唦~瀹氭椂鍑芥暟灏辨槸setTimeout
绛旓細涓鑸敤ajax閮芥槸灞閮ㄥ埛鏂帮紝鑰岄潪鏁翠釜椤甸潰鍒锋柊锛屽鏋滄槸鏁撮〉鍒锋柊杩樹笉濡備笉鐢╝jax~涓鑸埛鏂版暣椤礿s鏄細location.reload();鎴栬卨ocation.href = location.href;甯屾湜瀵规偍鏈夊府鍔﹡By Billskate