关于button里写onclick()执行函数报错问题--xxx is not defined at HTMLButtonElement.onclick

问题：今天遇见的问题是做分页排序时，点击按钮来控制page的页面。所以就在button标签里写了onclick()执行函数，但是报错了。
首先我看了一下我的代码：

发现我把onclick()执行函数放在了$(document).ready(function() {}里，不能调用jquery中ready里面定义的函数，因为ready也相当于一个函数，即新建一局部函数作用域，外层函数不能调用内层函数里的函数方法。

解决办法：
1.将onclick()执行函数拿出来放在了$(document).ready(function() {}外面，函数数据要拿出来需要return出来。在函数里面写：

function 函数名(){
	...
	return xxx;
}

或是在onclick()里面写：

onclick="return 函数名()"

2.使用全局变量来解决：

var xxx;   //定义一全局变量

$(document).ready(function(e) {

	xxx=function(){

		函数代码。

	}

});

xxx();    //现在能调用了   onclick="xxx()"