javascript文件中帶有php（wordpress）的src文件路徑

Question

由於某些原因，我用wordpress制作的模板的正常src路徑不起作用。 它嵌入到我的footer.php的javascript中。 現在我的問題是：是否可以在帶有php片段的javascript中調用帶有src的圖像？ 到目前為止，這是我的代碼：

var d = new Date();

document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='wp-content/themes/wpboot/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company";

我正在嘗試添加這樣的php代碼段：

<img src="<?php bloginfo('template_directory'); ?>/images/maple.svg" width="60" alt="Maple">

為了達到這樣的目的：

document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='<?php bloginfo('template_directory'); ?>/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company";

我試圖建立一個名為：

var template = "<?php bloginfo('template_directory'); ?>/";

並且我添加到src中，但是我沒有工作..有什么線索嗎？

Answer 1

在.js文件中，我們無法使用php，因此在WordPress中，可以像“ myscript”這樣的值來使用腳本“ handler”。

在您的functions.php文件中

wp_enqueue_script('myscript',get_template_directory_uri().'/js/myscript.js',array('jquery'));
wp_localize_script( 'myscript', 'mycustomurl',  get_template_directory_uri() );

在js文件中使用，就像這樣的警報只是您的信息。

alert(mycustomurl);
document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='"+mycustomurl+"/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company";