时间戳

首页 > 解决方案 > 视图或模板文件中的 JavaScript 代码

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

问题描述

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

以 Laravel 的刀片文件为例。

我在view1.blade.php&中写小 JS 块view2.blade.php

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

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

    some_func($);

});

function some_func($) {

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

}

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

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

我的问题是它会影响网站性能吗？我没有看到这种情况发生，因为我在视图中的所有 JS 代码都包装在一个 DOM 就绪事件侦听器中。它也不会阻塞 DOM 渲染。谢谢

标签： javascriptjquerywordpresslaraveldom

解决方案

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

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

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

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

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

推荐阅读