Javascript onclick事件：在追加HTML脚本之前刷新页面

我有一个这样的按钮：

<button onclick="buttonMovieEvent('123')">Watch</button>

但每当我点击按钮时，页面就会刷新，并删除

标记，这样就不会出现视频

---

谢谢你的帮助

重新加载页面后，所有本应在重新加载后执行的Javascript将不再执行

如果希望在重定向后运行Javascript，则需要运行Javascript

onPageLoad

。也许你可以检查当前位置

onPageLoad

，如果它包含一个哈希值，你想运行剩下的Javascript代码吗？这取决于你想要实现什么

---

如果您只是使用

location.reload（）

到达页面的某个点，只需使用

document.getElementById（tag_id）.scrollIntoView（）改为-无需页面刷新。
重新加载命令后的脚本将不再执行。为什么需要重新加载页面？您可以附加
并使用类似于
document.getElementById（tag_id）.scrollIntoView（）的内容滚动到散列@Dominik有什么建议吗？我想刷新页面，然后附加脚本来显示视频。你能解释一下为什么在整个视频之前必须刷新页面吗？因为这会使任何解决方案复杂化。因此，如果没有很好的理由刷新，我宁愿不刷新。@我犹豫不决，因为我使用
VideoJs
作为我的播放，但每当我第二次播放尚未完成的视频时（按下按钮），控制台就会显示一条警告
VideoJs:WARN:Player已经初始化。将不应用选项
。我已经找过这个问题了，但还不清楚。所以我认为我需要刷新页面并再次附加脚本
function buttonMovieEvent(videoId){
  var hash = "#" + videoId;
  window.location.href += hash;
  location.reload();
  ...
  // build script tag
  var script = "<h3>Watching Movie:<br /></h3><video id=\"" + tag_id + "\" class=\"vjs-matrix video-js vjs-big-play-centered\" controls preload=\"auto\" width=\"1024\" height=\"768\" poster=\"" + poster + "\" data-setup='{}'><source src=\"" + src1 + "\" type='video/mp4'><source src=\"" + src2 + "\" type='video/webm'><p class=\"vjs-no-js\">To view this video please enable JavaScript, and consider upgrading to a web browser that<a href=\"http://videojs.com/html5-video-support/\" target=\"_blank\">supports HTML5 video</a></p></video>";

  $("#movie_show").append(script);
  eventController(tag_id);
}