视图或模板文件中的JavaScript代码

Question

我有一个关于在任何CMS或框架视图/模板文件中编写一小段JavaScript代码的问题。即WordPress模板文件或Laravel刀片文件

例如以Laravel的刀片文件为例。

我正在view1.blade.php和view2.blade.php中编写小的JS块

更具体地说，包装在DOM ready事件监听器中的jQuery代码：

jQuery(document).ready(function($) {

    some_func($);

});

function some_func($) {

    $('body').addClass('some-class');

}

我知道正确的方法应该是将所有JS代码添加到外部JS文件中。即scripts.js

但是另一种方式对我来说更方便。

我的问题是，这是否会影响网站性能？我看不到这种情况，因为视图中的所有JS代码都包装在DOM ready事件监听器中。两者都没有阻止DOM渲染。谢谢

Answer 1

将@stack('scripts')添加到您的通用模板中。就像主模板的布局。

要将代码推入其中，请使用：

@push('scripts')
<script>Your code</script>
@endpush

另一种方法是通用模板中的@yield('script')，要在其中包括脚本并在其中的单个刀片上添加代码：

@section('script')
<script>Your code</script>
@endsection