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

Javascript on wordpress website page disappears as soon as I try to save it

本文关键字：保存 消失 网站 Javascript wordpress      更新时间：2023-09-26

我正在尝试将JavaScript插入WordPress页面。我将其添加到函数中.php：

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');

但是当我将脚本添加到页面时，只要我尝试保存它。

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

您是否尝试过在不同的文件中编写javascript，然后将其排入函数中的队列.php并在首页的情况下调用它？

您可以使用以下方法之一。

1. 使用所见即所得编辑器的HTML视图。

您需要将编写模式从"视觉"更改为"HTML"，并将JavaScript代码复制粘贴到文本框中。在那里，如果您已经有一些帖子的内容，那么您会看到它的HTML，只需在帖子内容的底部键入/粘贴您的js即可。

请记住将js代码括在<style>标签内。这种方法大部分时间都有效，如果没有，那么我们有一个B计划:)

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

在这里，您可以创建一个新的自定义字段，并将此自定义字段的值设置为JavaScript代码。 然后在帖子内容中插入一个shortcode，该将反过来获取该自定义字段的值。

相关文章：