189 8069 5689

jquery页面事件,jquery事件的响应

jquery如何让页面刷新的时候默认执行一次点击事件

如果需要在页面刷新的时候默认执行一次点击事件,可以参考下面的方法实现:

创新互联公司专注于微山企业网站建设,响应式网站建设,商城建设。微山网站建设公司,为微山等地区提供建站服务。全流程按需开发,专业设计,全程项目跟踪,创新互联公司专业和态度为您提供的服务

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事件

});

jQuery事件详解之$(document).ready()

在页面加载结束后,浏览器会通过js为dom元素添加事件。原生的js中使用 window.onload 方法;在JQ中使用$(document).ready()。这个方法在dom载入就绪时对其进行操纵并调用执行它所绑定的函数。

那么它和window.onload有何不同呢?

window.onload是在网页中所有元素 加上所有资源 ++完全加++载到浏览器后才执行。

而$(document).ready()中绑定的事件是在 dom完全就绪 时就可以被调用,此时对于jQuery来说都是可以被访问的(关联的资源可能并没有被加载完毕)。

举个例子来说,在$(document).ready()中定义了图片的宽高,但由于此时图片还没有被加载完毕,此时的宽高不会生效。要解决这个问题可以使用jQuery中的 load ()方法。

load()方法会在元素的onload事件中绑定一个处理函数,如果该处理函数绑定给window对象,则会在所有资源加载完毕后触发,如果load绑定在元素上则会在该元素加载完毕后触发。

既然window.onload比较完备为什么还要用jQuery中的$(document).ready()呢?

window.onload事件 每次只能保存对一个函数的引用 ,他会覆盖掉之前的函数,所以不能再现有行为上添加新的行为。如果引用了多个js文件,每个都需要window.onload方法就导致编码复杂。

使用$(document).ready()方法能够很好地解决这种问题,每次调用$document.ready()方法都会在现有行为上追加新的行为,这些行为会根据注册顺序依次执行。

JQuery监听页面滚动事件及scrollTop(),offset().top总结

语法: $(element). scrollTop() /$(element). scrollTop(val) ;

eg: 当匹配元素为当前页面,那么当前滚动条到整个页面顶端的距离:

var winPos =$(window). scrollTop ();

$(element). offset().top ; $(element). offset().left ;

$( window ). scroll (function(event){

});


当前名称:jquery页面事件,jquery事件的响应
当前URL:http://jkwzsj.com/article/phpiie.html

其他资讯