yii中js的加载顺序

yii中js的加载顺序:

1.视图页面当前位置加载外部js:
<?php echo Html::jsFile($url); ?>
2.将视图页面中的js放置到最后:
<?php
$js = <<<JS
$.ms_DatePicker({
YearSelector: ".sel_year",
MonthSelector: ".sel_month",
DaySelector: ".sel_day",
HourSelector: ".sel_hour",
MinuteSelector: ".sel_minute"
});
$.ms_DatePicker();
 
JS;
$this->registerJs($js);
?>
3.将外部的代码放置到视图最底部(body前)
<?php
$this->registerJsFile('//js.xxx.cn/assets/js/Route_selection.js'
?>
但此时有个问题,因为yii是先加载AppAsset中的js,看图说话吧:
AppAsset中的代码如下:
admin-ajax
如果我按3加载,Route_selection.js会放到jquery.min.js及frame.js前面,这样会报错,如果要将其放在jquery.min.js后面怎么做?这样做:
<?php
$this->registerJsFile('//js.xxx.cn/assets/js/Route_selection.js',['depends' => 'customer\assets\AppAsset']);
?>
这样可以避免页面中的js引入过多,造成页面加载时不必要的延迟

转载请注明出处:http://www.zadila.net/archives/87.html

0 Comments
Leave a Reply