javascript - 在新窗口中的新 html 页面中创建并设置链接元素

Question

我正在尝试完成以下任务，但我的方法目前不起作用。希望SO社区能够提供帮助!提前致谢。

目标:用户单击页面 A 上的按钮，打开页面 B 并将页面 B 的 head 中的链接元素设置为指向 css 文件。

问题:我在控制台中收到此错误:

Uncaught TypeError: Cannot read property 'head' of undefined

fiddle https://jsfiddle.net/intelligence_ai/Lx09wxaa/3/

HTML

<div class="container">
  <div class="button">
   test element
  </div>
</div>

Javascript

$('.button').on('click', function() {
    let win = window.open;
    let link = document.createElement('link');
    link.setAttribute('rel', 'stylesheet');
    link.setAttribute('type', 'text/css');
    link.setAttribute('href', '/stylesheets/my.css');
    win.document.head.appendChild(link);

   });

Answer 1

您需要执行window.open函数:

let win = window.open(); // Notice the parenthesis

https://jsfiddle.net/tndnt36z/

如果您检查新窗口的源代码，您将看到您创建的 link 标记以及文本。