Question

这个问题与我创建的音乐发现工具有关。 DREAMFM

在div元素中，我有一个JavaScript，可以从数组中随机选择一些HTML。随机选择的HTML然后写入我的文档索引。数组中的每个数字都是写入HTML的不同歌曲。进入下一首新歌的唯一方法是刷新当前的页面。我想加载一个按钮的JavaScript，而不必重新加载页面以获得下一首歌。

目前我正在使用此方法重新加载外部JavaScript：

<button id="nextbtn" type="button" onclick="shuffle()" autofocus>></button>

<script>
function shuffle() {
location.reload(true); 
}
</script>

我想只加载JavaScript而不重新加载整个页面。

Answer 1

不要编写代码/不要使用html内联实现JS文件。将代码包装在函数中并根据需要调用它。 Onload或Onclick：

function displayRandomSong(){
// put all of Your current code here if there is no function and
// every thing is pure javascript codes. I think this meets your need.

// However if your JS file is a complex of many functions, There is always 
// a function Which is triggered before others. Call that function here
// For example:
// startRandomization()
 }

所以html就是这样：

<a onclick="displayRandomSong()">inline refresh</a>

如何在HTML中加载JavaScript onclick？

1 个答案: