wordpress网站页面上的Javascript在我试图保存它时立即消失

我正在尝试将JavaScript插入WordPress页面。我在functions.php中添加了以下内容：

函数添加自定义代码（）{
如果（是首页（））{？>
<？php
}
}
添加操作（“wp\u页脚”、“添加自定义代码”）；

但是，当我将脚本添加到页面时，它会在我 试着保存它

---

如何在WordPress页面上运行安全的JavaScript？

您是否尝试过在不同的文件中编写JavaScript，然后将其放入functions.php中并在首页调用它？

您可以使用以下方法之一

1。使用所见即所得编辑器的

HTML

视图。

您需要将书写模式从可视化更改为HTML，并将

JavaScript

代码复制粘贴到文本框中。如果你已经有了一些文章的内容，那么你将看到它的

HTML

，只需在文章内容的底部键入/粘贴你的

js

请记住将

js

代码放在

标记内。这种方法在大多数情况下都有效，如果不行，那么我们有一个方案B:）

2。使用自定义字段+短代码

这里创建一个新的自定义字段，并将该自定义字段的值设置为

JavaScript

code。然后在帖子内容中插入一个

短代码

，该短代码将获取该自定义字段的值

function add_custom_code() {
  if (is_front_page()) { ? >
    < script >
      (function() {
        var randomId = Math.floor(Math.random() * 100000);
        var targetElemId = ‘bcom_rwidget_’ + randomId;
        document.write(‘ < div id = ”‘+targetElemId + ‘” > < /div>‘);
        var script = document.createElement(‘script’);
        script.type = ‘text / javascript’;
        script.async = true;
        script.src = ‘http: //www.booking.com/review_widget/gb/the-manor-house-bed-amp-breakfast-enter code here`trunch.en.html?tmpl=review_widget/review_widget&wid=’ + targetElemId + ‘&wtype=box_small&hotel_id=XXXXX&`enter code here`widget_language=en’;
          var node = document.getElementsByTagName(‘script’)[0];
        node.parentNode.insertBefore(script, node);
      }()); < /script> < ? php
  }
}
add_action('wp_footer', 'add_custom_code');