How to put .js content from file in wordpress head

There are a few ways to include JavaScript files in the head of a WordPress site, here are a few examples:

1. Enqueue the script using the wp_enqueue_script() function in the functions.php file of your theme or plugin. This function allows you to specify the path to the JavaScript file and specify that it should be included in the head of the site.

function my_enqueue_scripts() {
    wp_enqueue_script( 'my-script', get_template_directory_uri() . '/path/to/script.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );

2. Use the wp_head hook to manually include the JavaScript file in the head of the site. This can be done by adding the following code to the functions.php file of your theme or plugin:

function my_javascript_in_head() {
    echo '<script type="text/javascript" src="' . get_template_directory_uri() . '/path/to/script.js"></script>';
}
add_action( 'wp_head', 'my_javascript_in_head' );

3. Use a plugin such as “Header, Footer and Post Injections” that allows you to insert scripts and code directly into the head section of your site. With this plugin, you can insert the script in the head of the site by adding the script code or the script path to the header section of the plugin settings.

Please note that, it’s best practice to enqueue scripts and styles in WordPress, as it ensures that dependencies are handled correctly and that the script is only loaded when necessary.

It’s also important to make sure that the script is properly minified, and that it is loaded asynchronously or deferred to avoid blocking the page rendering.