javascript - 如何在我的 HTML 网页中包含我的 Javascript 文件和/或 jQuery

Question

我有:

1. controller/reports_controller.rb

2. views/reports/index.html.erb

3. assets/reports.js

我在 index.html.erb 中有一张图片:

<div class="main_mark">
   <img src="/assets/welcome_main.png" alt="main" class="main_mark_image" />
</div>

我想在用户按下图像时在屏幕上打印一条消息(警告消息)。所以我想在 reports.js 中编写一个函数来打印消息。

reports.js:

$(document).ready(function() {
    $(".main_mark_image").click(function () {
        alert("alon");
    });
});

但我认为我必须将 java 脚本与 html 联系起来。

感谢任何帮助!

Answer 1

当使用外部脚本时，你需要告诉你的 HTML 文件:

<script src="assets/reports.js"></script>

以上假定您的“ Assets ”文件夹与您的索引位于同一文件夹中。您还需要包含 jQuery 库。它可供下载，您也可以使用 Google 的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

或者，对于 jQuery UI:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

希望这对您有所帮助。