Javascript 如何将document.ready移动到js文件？

我已经在aspx页面中完成了jquery代码。现在我想将代码移动到Report-Filter.js文件中。我试图移动和执行。但它不起作用

这是我的密码

<link href="css/jquery-ui.css" rel="stylesheet" />
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/Report-Filter.js"></script>      -------> // code

<script src="js/bootstrap.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" />

<link href="css/ReportsSalesAll-style.css" rel="stylesheet" />
<link href="css/Accordian-Hide-Show.css" rel="stylesheet" />
<script src="js/Accordian-Hide-Show.js"></script>


<script type="text/javascript">
    $(document).ready(function () {
        // Moved code to Report-Filter.js file
    })
</script>

------->//代码
$（文档）.ready（函数（）{
//将代码移动到Report-Filter.js文件
})

---

但是我没有得到输出。我在代码中做错了什么。

没有必要在

.js

文件中编写脚本标记从

js

文件中删除脚本标记

<script type="text/javascript">
    $(document).ready(function () {
        // Moved code to Report-Filter.js file
    })
</script>

---

另外，最好将文件的

链接

放在

body tag的
close
之前，我不完全确定您想做什么，但我将假设一些事情

我想你需要的是


创建一个新文件并将javascript代码放入其中
照豹子说的去做
在代码中引用新的javascript文件，如
问题请确保在引用JQuery之后再引用它
图书馆
测试你的代码。例如，在Javascript中添加警报
在某处归档。像这样：警惕（“测试”）

一些一般提示：


始终将CSS引用放在JS引用之前（最好是在
文件的标题）。这样页面就不会在视觉上结巴
加载时，因为放在屏幕上的元素已经
风格
始终将引用的脚本放在HTML元素下面。
这样，页面不会花费太长时间来显示，因为脚本
不会预先加载，但会在之后加载（无论如何，这是正确的，
因为您的代码是在文档加载完成后运行的）

最终它应该是这样的：

Javascript文件（js/new Javascript file.js）：

Html/CSHtml/Aspx文件（不确定您使用的是什么）：


但是我没有得到输出。
，什么输出？从你粘贴到这里的代码开始，一切都不会发生。你在文件中使用了
$（document）.ready（function（）{..}）
吗？@Satpal否我没有在文件中使用
$（document）.ready（function（）{..}）
，那就是你的问题了。您仍然需要将其包含在外部组件的JS中file@RoryMcCrossan对现在它开始工作了。谢谢
$(document).ready(function () {
    // Moved code to Report-Filter.js file
})

$(document).ready(function () {
    alert("test");
})

<link href="css/jquery-ui.css" rel="stylesheet" />
<link href="css/ReportsSalesAll-style.css" rel="stylesheet" />
<link href="css/Accordian-Hide-Show.css" rel="stylesheet" />
<link href="css/bootstrap.css" rel="stylesheet" />

<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/Report-Filter.js"></script>

<script src="js/bootstrap.js"></script>

<script src="js/Accordian-Hide-Show.js"></script>
<script src="js/new-javascript-file.js"></script>