动态加载的jquery 不能用,提示Uncaught ReferenceError: $ is not defined
<html>
<head>
<meta charset="utf-8">
<title>jquery动态加载的问题</title>
</head>
<body>
【jquery加载后我的背景会变高级灰!】
<script>
function get_jquery(src) {
var me = arguments.callee;
me.Script && me.Script.parentNode.removeChild(me.Script);
me.Script = document.createElement('script');
me.Script.setAttribute('type', 'text/javascript');
me.Script.src = src;
document.getElementsByTagName('head')[0].appendChild(me.Script);
}
(window.jQuery) || get_jquery('http冒号//apps点bdimg点com/libs/jquery/1.9.1/jquery.min.js')
$("body").css({'background-color':'#333'});
</script>
</body>
</html> 展开
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery动态加载的问题</title>
</head>
<body>
【jquery加载后我的背景会变高级灰!】
<script>
function get_jquery(src) {
var me = arguments.callee;
me.Script && me.Script.parentNode.removeChild(me.Script);
me.Script = document.createElement('script');
me.Script.setAttribute('type', 'text/javascript');
me.Script.src = src;
document.getElementsByTagName('head')[0].appendChild(me.Script);
me.Script.onload=me.Script.onreadystatechange=function(){
if(!this.readyState||this.readyState=='loaded'||this.readyState=='complete'){
loaded()
}
}
}
function loaded(){
$("body").css({'background-color':'#333'});
}
window.onload=function(){
(window.jQuery) || get_jquery('http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js')
}
</script>
</body>
</html>
高级棒!还有一个问题就是我这段js是独立的文件,是插入到其他页面最下面引用的。如果其他页面之前引用了jquery或已经使用过【window.onload】,一个页面只能用一个【window.onload】那么后面引用的这个就会失效。这个问题该如何判断一下呢?请大湿明示!
既然是外部引用就不要window.onload了。。但是要放到body最后