Dynamically Including Scripts with document.write Functionality

Question:

How can a script tag with a variable src attribute be dynamically added to a webpage, especially if the src contains document.write functions?

Background:

Ordinarily, adding a script tag with a specific src attribute in the HTML head works seamlessly. However, when the src attribute includes document.write code, it becomes problematic.

Solution:

To dynamically add such a script tag, the following steps can be taken:

1. Create a new script element using document.createElement('script').
2. Set the src attribute of the script element to the desired URL/source.
3. Append the script element to the document.head using appendChild().

Example:

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);

This script element will be dynamically added to the webpage, even if its src contains document.write code.