javascript

位置:IT落伍者 >> javascript >> 浏览文章

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


发布日期:2024年02月19日
 
公共js在页面底部加载的注意事项介绍

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又用不了这时候用windowonload就可以了如下:

复制代码 代码如下:
windowonload = function() {
(function($) {
function test() {alert();}
//或写些基于jQuery的绑定什么的
})(jQuery)
};


但如果你想从windowonload外调用里面的函数比如你想在这个窗口的子iframe中调用parenttest()是不会有结果的
这时变通一下把函数作全局变量就可以了

复制代码 代码如下:
var test; // 全局作用域的声明
windowonload = function() {
(function($) {
test = function() {alert();};
//或写些基于jQuery的绑定什么的
})(jQuery)
};


只在需要时才把私有的函数改成全局的是更安全的做法

上一篇:JS定时关闭窗口的实例

下一篇:js字符串去重复id的实现代码