如何连接两个不同的网站？答案

【问题标题】：How to connect two different websites?如何连接两个不同的网站？
【发布时间】：2023-02-11 21:25:46
【问题描述】：

这是问题所在，我已经挣扎了几天。最近我正在尝试建立一个网站来存档我阅读的每篇文章和我听过的音频，这里我有两个文件，一个是索引.html，如下，index.html另一个是播放器.html，如下，player.html，我只想实现这个功能：当我点击音频时，它会在player.html页面开始播放相应的音频，我该怎么做？

Note: use anchor element and set href to player.html will just direct me to player.html and play the default audio (20230202.mp3), but I want it to play the corresponding audio(like, 20230119.mp3)

I have tried \<a href="player.html\>.

【问题讨论】：

标签： javascript html node.js web url

【解决方案1】：

要实现单击音频链接时启动音频播放器的功能，您可以使用 JavaScript 来操作页面上的 DOM 元素。

索引.html

<a href="#" class="audio" data-src="path/to/audio.mp3">Audio 1</a>

播放器.html

<script>
const audioLinks = document.querySelectorAll('.audio');
const audioPlayer = document.getElementById('audio-player');

audioLinks.forEach(link => {
  link.addEventListener('click', e => {
    e.preventDefault();
    audioPlayer.src = link.dataset.src;
    audioPlayer.play();
  });
});
</script>

【讨论】：