将值/变量从 HTML 传递到 JS 文件

Question

我现在的代码（在同一个 .html 文件中）：

<div id="name">my_name</div>

<script>
    alert($("#name").text());
</script>

这有效...

但我想将此脚本存储在不同的 .js 文件中，例如...

<script type="text/javascript" src="path/to/name.js"></script>

<div id="name">my_name</div>

期望提醒'my_name'

Answer 1

它可以工作，但你需要在这样的函数中使用 jQuery :

$(function() {
    alert($("#name").text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://filebin.net/t8bnvjrt4u4xkezj/test.js?t=2ilgo334"></script>

<div id="name">my_name</div>

Answer 2

我的错..

在最终作品中导入

<div id="name">my_name</div>

<script type="text/javascript" src="path/to/name.js"></script>