Yii2如何在View中加入JS代码

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

如果在view中直接添加js代码，如下：

<script>
    $(function(){
        alert('js code');
    });
</script>

会提示没有$ is not defined错误，这是因为view中添加js代码的前面没有引用juqery.js，默认全局的jquery则是在文件尾添加。

解决方法：

1. 在js代码前引入js库

1.1 引入方式1

<?=Html::jsFile('@web/jquery.js'); ?>

1.2 引入方式2

<?php $this->registerJsFile('@web/js/jquery.js'); ?>

2. 使用全局的js库

<?php
$js = <<<JS
$(function(){
    alert('js code');
});
JS;
$this->registerJs($js);
?>