javascript - JS直接放在HTML可以执行,单独放到JS文件引用就不行了为啥?
本文介绍了javascript - JS直接放在HTML可以执行,单独放到JS文件引用就不行了为啥?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
1.路径没问题
2.js代码使用了jQuery,而且放在了引用文件之后
3.引用js
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/utils.js"></script>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/collect.js"></script>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/sign.js"></script>
4.直接写在html里
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/utils.js"></script>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/collect.js"></script>
<script type="text/javascript" >
$(function(){//日期
var d = new Date();
var month = d.getMonth()+1;
var yestoday = d.getDate()-1;
var day3 = d.getDate()+2;
var day4 = d.getDate()+3;
var day5 = d.getDate()+4;
var day6 = d.getDate()+5;
$('.days1').html(month+'.'+yestoday);
$('.days2').html(month+'.'+day3);
$('.days3').html(month+'.'+day4);
$('.days4').html(month+'.'+day5);
$('.days5').html(month+'.'+day6);
});
$(function(){
if ({wc:$sign_stetus} == 2) {//正常已签到
$('.sign').html('已签到{wc:$sign_time}天');
$('.header_wen1').html('明日可领{wc:$tomorrow_intergral}积分');
$('.sign_img').attr({"background":"#C8B9A3","color":"#C8B9A3"});
} else if({wc:$sign_stetus} == 3) {//初始未签到
$('.header_wen1').html('今日可领5积分');
$('.1').html(+0);
$('.2').html(+5);
$('.3').html(+5);
$('.4').html(+10);
$('.5').html(+10);
$('.6').html(+15);
$('.7').html(+15);
} else if({wc:$sign_stetus} == 4) {//初始已签到
$('.sign').html('已签到1天');
$('.header_wen1').html('明日可领5积分');
$('.sign_img').attr({"background":"#C8B9A3","color":"#C8B9A3"});
$('.1').html(+0);
$('.2').html(+5);
$('.3').html(+5);
$('.4').html(+10);
$('.5').html(+10);
$('.6').html(+15);
$('.7').html(+15);
} else if({wc:$sign_stetus} == 5) {
$('.sign').html('已签到{wc:$sign_time}天');
$('.header_wen1').html('明日可领{wc:$tomorrow_intergral}积分');
}
});
</script>
解决方案
你这里的代码有dom操作,对于dom的操作必须在相应的dom加载完才能操作要不然$(selecter)会出会是个空的对象;
含有dom操作的代码可以放到文档末尾,或者使用jquery.ready函数
这篇关于javascript - JS直接放在HTML可以执行,单独放到JS文件引用就不行了为啥?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文