JavaScript脚本文件都放在页面底部加载，可以有效地加快页面的加载速度。
但是，php控制器一般这样写:
复制代码 代码如下:
$this->load->view($HEADER);
$this->load->view($MENU);
$this->load->view($VIEW_SHOW, $data);
$this->load->view($FOOTER);
$FOOTER是个共用模版，用于加载js及css文件。
$VIEW_SHOW作为主模版，则可能要单独写些js代码，这些代码通常需要使用公共文件的资源的话，把js写到$FOOTER的后面就不方便了，jQuery的$(document).ready又用不了。这时候，用window.onload就可以了，如下:
复制代码 代码如下:
window.onload = function() {
(function($) {
function test() {alert(123);}
//或写些基于jQuery的绑定什么的
})(jQuery)
};
但如果你想从window.onload外调用里面的函数，比如你想在这个窗口的子iframe中调用parent.test()是不会有结果的。
这时，变通一下，把函数作全局变量就可以了。
复制代码 代码如下:
var test; // 全局作用域的声明
window.onload = function() {
(function($) {
test = function() {alert(123);};
//或写些基于jQuery的绑定什么的
})(jQuery)
};
只在需要时，才把私有的函数改成全局的，是更安全的做法。
您可能感兴趣的文章:
- 判断滚动条到底部的JS代码
- 滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨
- 始终在页面底部的层js实现代码
- Javascript实现DIV滚动自动滚动到底部的代码
- js实现滚动条滚动到页面底部继续加载
- 基于javascript实现浏览器滚动条快到底部时自动加载数据
- JS实现仿苹果底部任务栏菜单效果代码
- js实现带关闭按钮始终显示在网页最底部工具条的方法
- JS实现判断滚动条滚到页面底部并执行事件的方法
- js判断滚动条是否已到页面最底部或顶部实例
- 详解基于javascript实现的苹果系统底部菜单
