如何在html网页中实现外部js文件?

时间:2015-06-29 19:54:32

标签: javascript html

我在外部文件中创建了以下JS:

var n = Math.floor((Math.random() * 1000) + 1); {
   window.alert(n);  
    if (n) 
      var output = "";
      if (n % 3 == 0)
        output += "Rock";
      if (n % 5 == 0)
        output += "star";
      window.alert(output || n); }

我想在用户点击网页上的按钮时实现此代码。

我是否需要将其放入我的html页面:点击我?

2 个答案:

答案 0 :(得分:0)

最干净的方法是将此代码放在一个函数中,然后绑定按钮的click事件来执行该函数。

对于该功能,例如:

function rockstar() {
    ... your code ...
}

点击按钮时调用rockstar()

答案 1 :(得分:0)

创建一个外部文件Rockstar.js。 添加一个Funktion:

function rockstar() {
var n = Math.floor((Math.random() * 1000) + 1); 
console.log(n);  
if (n) 
  var output = "";
if (n % 3 == 0)
  output += "Rock";
if (n % 5 == 0)
  output += "star";
console.log(output, n); 
} 

现在使用

将其添加到或部分在您的HTML中
<script src=" Rockstar.js "></script>

您可以将rockstar()绑定到onclick事件或从此处调用脚本标记。

希望这会有所帮助

编辑:使用console.log而不是alert。警报导致所有功能停止。