WordPress帖子中的JavaScript

Question

我如何添加

<a href="javascript:function foo(){alert('hi');}" title="alert">
    Drag to your bookmarks bar
</a>

我的WordPress帖子吗？

我创建了一个书签小程序，我想通过我的博客传递它，但当我保存它时，WordPress正在从我的帖子中删除javascript。

Answer 1

在我的wordpress站点上的HTML编辑器中嵌入该代码没有任何问题。你的javascript代码有一个问题-它定义了一个函数，但从不调用它。我有过

<a href="javascript:alert('hi');" title="alert">Drag to your bookmarks bar</a>

在一个帖子中，当我点击的时候，我会得到警告，以及书签小程序。

Answer 2

这个问题很可能是在浏览器端引起的。Chrome的XSS对我来说是个问题，我通过在我安装的根目录下的wp-blog-header.php中添加行header ("X-XSS-Protection: 0");来解决这个问题。这可能并不理想，因为它适用于整个站点。将它添加到只适用于需要呈现bookmarklet的post/page的地方可能会更好。

Answer 3

这是旧的，但是仍然与wordpress的4.9.5版本相关，所以我用我的解决方案回答这个问题：

Wordpress会过滤掉你在文章或页面中使用的任何Javascript，这就是你的代码丢失的原因。我执行了以下步骤来添加"javascript:“链接：

1. 将您想要的链接添加到帖子中，使用"#“作为href，并为标签添加id (在编辑器的文本模式下)：

<a href="#" id="idOfYourLink">This is my JS Link</a>

1. 安装自定义Javascript插件。我使用了简单的自定义CSS和JS
2. 在插件

的帮助下添加您想要的Javascript

jQuery(document).ready(function( $ ){
  function yourFunction() {
      alert("It works");
  }

  jQuery('#idOfYourLink').on("click", yourFunction);
});

重要的部分是将on-Handler添加到您想要使用的Link中。现在，Javascript在页面加载后立即加载。单击该链接将调用函数yourFunction