script src using relative path and a different port

Question

There are all sorts of great ways to have an href with a relative path and different port on click, but I can't find anything to do the same for a <script> 's src attribute.

How can I approximate this?

<script src=":8000/same/host/different/port.js"></script>

Answer 1

@Cue made me realize there is a solution in the linked question, using Craig McQueen's second suggestion , I can get the path.

const script = document.createElement('script');
const scriptSrc = (window.location.protocol + '//' + 
                   window.location.hostname + 
                   ':8000/same/host/different/port.js');
script.setAttribute('src', scriptSrc);
document.head.appendChild(script);