Question

我正在尝试完成以下操作，目前我的方法尚未完成。希望SO社区可以提供帮助！提前谢谢。

目标：用户点击第A页上的按钮，它会打开第B页，并将页面B的头部链接元素设置为指向css文件。

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

Uncaught TypeError: Cannot read property 'head' of undefined

小提琴 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标记和文字。

在新窗口中的新html页面中创建和设置link元素

1 个答案: