javascript - 在 Laravel 中将 JavaScript 作为外部脚本运行

Question

我有这样的 Blade 代码:

<input type='text' id="input1">
<div >
 <h3 id="showData"> Data will be shown here  </h3>

</div>

<script>
  var input=document.getElementById('input1').value;

  document.getElementById('showData').innerHTML=input;
</script>

我想要的是将脚本部分写在一个单独的文件中(比如称为 externalScript.js)并在 blade 文件中调用它。

另外，我对此有疑问。如果我这样做，由于脚本是从外部文件运行的，它将如何获取 id 值，如 input1 或 showData ？

Answer 1

编写一个名为:externalScript1.js

的新文件

添加脚本标签，最好在代码的头部或 footer 。

    <script src="{{ asset('externalScript1.js') }}" defer></script>

( Assets 助手获取公共(public)文件夹的路径，https://laravel.com/docs/8.x/helpers#method-asset)

最后所有内容都将从一个页面加载，因此元素已找到，所以您不会有问题。