Is there some way to get a URL for a module for use in a `<script src="">`? #11634

tomprince · 2023-01-08T11:31:13Z

tomprince
Jan 8, 2023

I have an <iframe> that I am constructing the contents of, and I would like to inject a module script into it. At the moment, I've
discovered that I can add ?worker&url to the module, and it does more or less what I want, but I'd rather be explicit about what I am doing, instead of misusing ?worker.

Minimal example

index.html

<!DOCTYPE html>
<html lang="en">
<body>
  <iframe id="frame" style="display:none"></iframe>
  <div id="output"></div>
  <script type="module">
    import url from './module.js?worker&url'
    const output = document.querySelector('#output');
    const frame = document.querySelector("#frame");
    const src = `<script type=module src='${url}'/><script type=module><` + `/script>`;
    frame.addEventListener("load", () => {
      output.append(`${frame.contentWindow.in_frame()}`)
    })
    frame.srcdoc = src;
  </script>
</body>
</html>

module.js

window.in_frame = () => {
  return `${window.location.href}`;
};

In my actual example, module.js has some imports, so I can't just use ?url on it.

Possibly related issues: #6757, #7842, #6979

daniesy · 2025-01-02T02:59:14Z

daniesy
Jan 2, 2025

Did you find a solution?

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Is there some way to get a URL for a module for use in a `<script src="">`? #11634

{{title}}

index.html

module.js

Replies: 1 comment

{{title}}

Select a reply

Is there some way to get a URL for a module for use in a <script src="">? #11634

tomprince Jan 8, 2023

index.html

module.js

Replies: 1 comment

daniesy Jan 2, 2025

Is there some way to get a URL for a module for use in a `<script src="">`? #11634

tomprince
Jan 8, 2023

daniesy
Jan 2, 2025