码迷,mamicode.com
首页 > Web开发 > 详细

jquery局部变量和全局变量的错误

时间:2019-05-02 21:51:03      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:on()   多图   star   必须   方法   函数   创建   hang   query   

自定义函数中的局部变量每次触发时加载一次

$("#pageSize").on("change",function(){
		//变量名必须放在事件方法内部,不然变量只会在加载时读取一次!!!
			var startPage = $("#startPage").val()
			var pageSize = $("#pageSize").val()
			var bookID = $("#bookID").val()
			var bookName = $("#bookName").val()
			var ftype_id = $("#Ftype").val()
			var stype_id = $("#Stype").val()
			var params = {"doWhat":"queryBookListByParams","startPage":startPage,"pageSize":pageSize,
					"bookID":bookID,"bookName":bookName,"ftype_id":ftype_id,"stype_id":stype_id,};
				showbooklist(params); 
		}) 

这些局部变量只在加载是读取一次。

	$(function() {
		var startPage = $("#startPage").val()
		var pageSize = $("#pageSize").val()
		var bookID = $("#bookID").val()
		var bookName = $("#bookName").val()
		var ftype_id = $("#Ftype").val()
		var stype_id = $("#Stype").val()
	})

 

$(function(){ }是$(document).ready(function()的简写,相当于window.onload = function(){ } ,

window.onload是在页面所有的元素都加载完成后才触发
$(function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成
比如说一个页面有好多图片 而加载这些图片需要一定的时间
window.onload必须得等到全部的图片都加载完成后才能触发
而$(function(){})只要在dom加载完毕之后就会执行 图片不一定已经加载完成

二者的区别

1:执行时机不一样
$(function() { } )是在dom结构创建完成以后就执行,window.onload是在整个页面加载完成之后(包括页面上的资源,比如图片)才执行
2:执行次数不一样:
$(function() { } )不管你jsp引入的js里定义了几个,会按照顺序依次执行,而window.onload只会执行最后一个,之前的会被覆盖掉

jquery局部变量和全局变量的错误

标签:on()   多图   star   必须   方法   函数   创建   hang   query   

原文地址:https://www.cnblogs.com/klory/p/10803355.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!