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>

以上假设您的“资产”文件夹与您的索引位于同一文件夹中。您还需要包含 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>

希望这可以帮助。

Answer 2

尝试：

<img src="/assets/welcome_main.png" onclick="alert('alon');" alt="main" class="main_mark_image" />