我對 JavaScript 還很陌生，所以如果我的工作流程根本沒有意義或者我的詞匯還不夠精確，請告訴我我應該如何做不同的事情。當前方法我想了解更多關于 Javascript 和外部庫的信息。因此，我在 Chrome 的 DevTools 源面板下創建了一個片段，打開about:blank并執行以下代碼（我從不同的源復制并粘貼）：代碼(function(head) {  var newscript = document.createElement('script');  newscript.type = 'text/javascript';  newscript.async = true;  newscript.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js";  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(newscript);})(document.getElementsByTagName('head'));function jQueryReady() {  if (window.jQuery) {    jQuery.noConflict();    my_code(jQuery);  } else {    setTimeout(jQueryReady, 100);  }}jQueryReady();function my_code($) {  console.log("OK");  $('head').append($('script', {    type : 'text/javascript',    async: true,    src  : 'https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.js'  }));  $('head').append($('link', {    rel : 'stylesheet',    href: 'https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.css'  }));}結果然后當我查看 的源代碼時about:blank，我看到jQuery腳本正確插入到頭部中，我看到控制臺顯示OK，但是spectrumJavaScript 和 CSS 都沒有插入頭部。問題為什么代碼沒有添加到 HTML 文件中？我需要改變什么才能使它工作？如果我my_code直接在控制臺中運行代碼，一切似乎都正常嗎？為什么？在不編寫自己的 html 文件的情況下使用 JavaScript 的正確方法是什么？通過片段的方法是否about:blank有意義？about:blank每當我對代碼段進行更改時，我都需要重新加載，所以我想有一種更優雅的方式來做到這一點。關于如何做得更好的任何提示？