公共js在页面底部加载的注意事项介绍


Posted in Javascript onJuly 18, 2013

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) 
};

只在需要时,才把私有的函数改成全局的,是更安全的做法。
Javascript 相关文章推荐
[原创]js获取数组任意个不重复的随机数组元素
Mar 15 Javascript
关于jquery性能最佳实践的讨论,与求教
Mar 30 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
JSON为什么那样红为什么要用json(另有洞天)
Dec 26 Javascript
自动最大化窗口的Javascript代码
May 22 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
jQuery中wrapAll()方法用法实例
Jan 16 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
Vue 使用Props属性实现父子组件的动态传值详解
Nov 13 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 #Javascript
JavaScript实现复制功能各浏览器支持情况实测
Jul 18 #Javascript
GRID拖拽行的实例代码
Jul 18 #Javascript
去掉gridPanel表头全选框的小例子
Jul 18 #Javascript
gridpanel动态加载数据的实例代码
Jul 18 #Javascript
javaScript NameSpace 简单说明介绍
Jul 18 #Javascript
JS获取鼠标坐标的实例方法
Jul 18 #Javascript
You might like
php&java(一)
2006/10/09 PHP
php 变量未定义等错误的解决方法
2011/01/12 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
js的写法基础分析
2011/01/17 Javascript
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
JavaScript 表单处理实现代码
2015/04/13 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
如何用JS判断两个数字的大小
2016/07/21 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
angular的输入和输出的使用方法
2018/09/22 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
python 输出一个两行字符的变量
2009/02/05 Python
Python中的super()方法使用简介
2015/08/14 Python
python基础知识小结之集合
2015/11/25 Python
Python利用ElementTree模块处理XML的方法详解
2017/08/31 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
python pygame实现方向键控制小球
2019/05/17 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
关于numpy数组轴的使用详解
2019/12/05 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
机关财务管理制度
2014/01/17 职场文书
寻找最美家庭活动方案
2014/08/20 职场文书
离婚协议书格式
2014/11/21 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书