在JavaScript文件外部声明变量，然后在文件中使用它

Question

所以我在.php文件中声明了一个变量

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/script/jscript_pages.js">
        var templatePath = "<?php bloginfo('template_directory'); ?>";
    </script>

但是我想在jscript_pages.js中使用变量templatePath，但是当我这样做时，我的控制台会说：Uncaught ReferenceError ...

我希望有人能帮帮忙 ：）

谢谢

Answer 1

如果浏览器不支持src ，则脚本元素的内容是可供选择的内容，它不是在运行外部脚本之前要运行的脚本。

使用两个脚本元素。

<script>
    var templatePath = "<?php bloginfo('template_directory'); ?>";
</script>
<script src="<?php bloginfo('template_directory'); ?>/script/jscript_pages.js"></script>

Answer 2

在脚本中引用变量之前，请先对其进行设置。

<script>
    var templatePath = "<?php bloginfo('template_directory'); ?>";
</script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/script/jscript_pages.js">
</script>

Answer 3

正如@Quentin所说，它是在一个标签中或在一个标签中。

从概念上讲，您可以通过拥有两个脚本标签来完成所需的操作

<script type='text/javascript'>      
            var templatePath = "<?php bloginfo('template_directory'); ?>";
        </script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/script/jscript_pages.js"></script>

但是，实际上，通常更好的方法（用于测试，可移植性等）是让脚本文件仅定义函数，然后让页面脚本（如果有的话）调用这些函数并应用变量。

Answer 4

在此设置中，您的函数bloginfo('template_directory'); 应该返回$ GLOBALS变量。