如果需要在頁面刷新的時候默認執(zhí)行一次點擊事件,可以參考下面的方法實現(xiàn):
創(chuàng)新互聯(lián)公司專注于微山企業(yè)網(wǎng)站建設,響應式網(wǎng)站建設,商城建設。微山網(wǎng)站建設公司,為微山等地區(qū)提供建站服務。全流程按需開發(fā),專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務
1、使用原生js實現(xiàn)
使用原生js主要用到了window.onload方法:
onload 事件會在頁面或圖像加載完成后立即發(fā)生。
語法:onload="SomeJavaScriptCode"
參數(shù)SomeJavaScriptCode是必須的規(guī)定該事件發(fā)生時執(zhí)行的 JavaScript。
實現(xiàn)代碼:
script
window.onload?=?function()?{
requestFullScreen();//直接執(zhí)行onclick中的函數(shù)就行
}
/script
將代碼放到body標簽最下面即可。
2、使用Jquery實現(xiàn)
使用jquery實現(xiàn)該效果主要用到了jquery.ready(fn)和jquery.trigger()方法:
jquery.ready(fn):當DOM載入就緒可以查詢及操縱時綁定一個要執(zhí)行的函數(shù)。
jquery.trigger(type,[data]):在每一個匹配的元素上觸發(fā)某類事件。
實現(xiàn)代碼:
$(function()?{
$("#sdsd").trigger("click");//觸發(fā)button的click事件
});
在頁面加載結束后,瀏覽器會通過js為dom元素添加事件。原生的js中使用 window.onload 方法;在JQ中使用$(document).ready()。這個方法在dom載入就緒時對其進行操縱并調用執(zhí)行它所綁定的函數(shù)。
那么它和window.onload有何不同呢?
window.onload是在網(wǎng)頁中所有元素 加上所有資源 ++完全加++載到瀏覽器后才執(zhí)行。
而$(document).ready()中綁定的事件是在 dom完全就緒 時就可以被調用,此時對于jQuery來說都是可以被訪問的(關聯(lián)的資源可能并沒有被加載完畢)。
舉個例子來說,在$(document).ready()中定義了圖片的寬高,但由于此時圖片還沒有被加載完畢,此時的寬高不會生效。要解決這個問題可以使用jQuery中的 load ()方法。
load()方法會在元素的onload事件中綁定一個處理函數(shù),如果該處理函數(shù)綁定給window對象,則會在所有資源加載完畢后觸發(fā),如果load綁定在元素上則會在該元素加載完畢后觸發(fā)。
既然window.onload比較完備為什么還要用jQuery中的$(document).ready()呢?
window.onload事件 每次只能保存對一個函數(shù)的引用 ,他會覆蓋掉之前的函數(shù),所以不能再現(xiàn)有行為上添加新的行為。如果引用了多個js文件,每個都需要window.onload方法就導致編碼復雜。
使用$(document).ready()方法能夠很好地解決這種問題,每次調用$document.ready()方法都會在現(xiàn)有行為上追加新的行為,這些行為會根據(jù)注冊順序依次執(zhí)行。
語法: $(element). scrollTop() /$(element). scrollTop(val) ;
eg: 當匹配元素為當前頁面,那么當前滾動條到整個頁面頂端的距離:
var winPos =$(window). scrollTop ();
$(element). offset().top ; $(element). offset().left ;
$( window ). scroll (function(event){
});
分享題目:jquery頁面事件,jquery事件的響應
分享路徑:http://www.rwnh.cn/article4/phpiie.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供微信小程序、建站公司、域名注冊、微信公眾號、網(wǎng)站制作、定制開發(fā)
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)