用Javascript在onload上加载动态内容的方法

在我的页面上，我在音乐播放器（）中加载了一些曲目

这很好用

但是，当人们转到以下URL时：我想在播放器的加载页面上加载另一首曲目

目前播放器的JS代码为：

var tracks = [];
tracks.push({'url':trackurl, 'title':trackurl});

$('.upcoming-player-container').theplayer({
  links: tracks // contains an array with url's
});

这是静态的

让它充满活力的最佳方式是什么（不是主观的，只是不知道如何重新表述）

我想在我用JS检索的页面上的（隐藏）容器中添加一些超链接

这是一个好方法吗？（因为我认为谷歌可能会将文本添加到搜索结果中）

---

或者有更好的方法吗？

假设播放器将按顺序播放曲目，下面的一些代码将URL

/track/###/artist/title

指定的曲目移动到播放列表的前面，可能在页面加载时首先播放：

var tracks = [],
    trackMatch
    trackPlay;

tracks.push({'url': trackurl,'title': trackurl});
// tracks.push etc...

// find the track number
trackMatch = window.location.href.match(/track\/(\d+)/i);

// if found store as integer
if (trackMatch) {
    trackPlay = parseInt(trackMatch[1], 10);
}

// if found move selected track to front of tracks array
if (trackPlay) {
    tracks = [tracks[trackPlay - 1]]
             .concat(tracks.slice(0, trackPlay - 1))
             .concat(tracks.slice(trackPlay));
}

$('.upcoming-player-container').theplayer({
    links: tracks // contains an array with url's
});

---

直接从URL获取它。我喜欢这个解决方案+1.