将Javascript添加到php代码中

Question

Can someone kindly tell me where to insert my javascript code below:

<?php
global $post,
$mk_options;
$page_layout = get_post_meta( $post->ID, '_layout', true );

$padding = get_post_meta( $post->ID, '_padding', true );


if ( empty( $page_layout ) ) {
$page_layout = 'full';
}
$padding = ($padding == 'true') ? 'no-padding' : '';


get_header(); ?>
<div id="theme-page" <?php echo get_schema_markup('main'); 
?>>

What is happening, the "get_post_meta" is causing my blog post dates to show in my Google SERP. I did some research and am aware I need to add the code below, I'm just unsure where to insert it in the code above.

<script language="javascript" type="text/javascript">document.write 
(I believe my code goes here) </script>

I would really appreciate some help. This is my first time posting here, so if I am not posting questions properly, just let me know!

Answer 1

Assuming this is a wordpress blog you might have something like this:

global $post,
$mk_options;
$page_layout = get_post_meta( $post->ID, '_layout', true );
$padding = get_post_meta( $post->ID, '_padding', true );

if ( empty( $page_layout ) )
    $page_layout = 'full';
$padding = ($padding == 'true') ? 'no-padding' : '';

/// starts here
$handle = 'some-handle';
$js = 'http://example.com/my.js';
wp_register_script( $handle, $js );
wp_enqueue_script( $handle );
/// ends here

get_header();

Afterwards, put your js code in my.js in an external file and you will be good to go. Here is some information on the function: https://codex.wordpress.org/Function_Reference/wp_enqueue_script

Answer 2

If you want the js to execute on the server, have a look at node.js

If you want the js to execute in the browser, either echo it or close the php tag insert the script and then reopen it.

<?php
global $post,
$mk_options;
$page_layout = get_post_meta( $post->ID, '_layout', true );

$padding = get_post_meta( $post->ID, '_padding', true );


if ( empty( $page_layout ) ) {
$page_layout = 'full';
}
$padding = ($padding == 'true') ? 'no-padding' : '';


get_header(); ?>
<script type="text/javascript">##EXAMPLE HERE##</script>
<div id="theme-page" <?php echo get_schema_markup('main'); 
?>>