法典(JavaScript in Posts) 完全涵盖此场景;在帖子中一次性包含javascript。因此,javascript在过去是否有效无关紧要,现在最好的方法是使用Codex中描述的实践。
以下是我遵循的步骤:
1-将javascript保存到文件中,并将其保存到站点上的适当文件夹中。我把我的放在主题的“js”文件夹中。
这是我的例子。我添加了一些代码来证明它是否正常工作。
function vocab(){
var words = [];
words.push(\'vocabulary\');
words.push(\'lexicon\');
words.push(\'lexicons\');
for (var key in words) {
var value = words[key];
console.log(key + \' : \' + value);
}
}
2-使用“文本”选项卡将以下内容复制到帖子编辑器中。
您可以看到javascript文件的名称和文件夹位置与步骤1中的名称和位置一致。
<script type="text/javascript" src="/wp-content/themes/twentysixteen-child/js/vocab.js"></script>
<script type="text/javascript">
<!--
vocab();
//-->
</script>
3-查看帖子
帖子看起来空白/空白(标题除外)。但是javascript被执行了。
这是Chrome控制台的快照,显示了我的javascript输出。
<人力资源>
UPDATE:
在插入任何文本/媒体时,甚至只需单击“视觉”选项卡,都必须非常小心。无论哪种方式,JavaScript都会受到威胁,无法运行。
下面是我只需单击“视觉”选项卡,然后再单击“文本”选项卡后的代码。保存和查看帖子时,JavaScript会not 跑
<script type="text/javascript" src="/wp-content/themes/twentysixteen-child/js/vocab.js"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></script>
<script type="text/javascript">
<!-- vocab(); //--></script>
如果您计划在帖子中输入任何文本/媒体,那么解决方案似乎是:
在“文本”选项卡中输入(使用适当的html)
OR
<使用“视觉”选项卡后,单击“文本”选项卡上的上一步,相应地编辑JavaScript代码,同时在“文本”选项卡上保存/更新
Update#2: 23 August 2018
关于Javascript和“可视化”选项卡可能出现的问题,您可以阅读到Codex的底部(我显然没有这么做;)请注意,该问题在“下讨论”
Troubleshooting“
Text Control plugin 是建议的解决方案。
"Should jQuery be loaded?" or, "Let\'s head off any ambiguity"
短答案=否。
长答案=此问题(&;A在一篇一次性的WordPress帖子中专门介绍了Javascript。但是Javascript和jQuery不是一回事(
Source). 因此,如果希望在一次性帖子中包含一些jQuery代码,那么;A不适用。
WordPress有非常不同的加载jQuery和相关jQuery代码的协议。这并不难做到,而且wp_enqueue_script 和“Using jQuery“这是一个开始阅读的好地方。