Wordpress帖子中的Javascript

Question

我该如何添加

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

在我的 wordpress 帖子中。

我已经构建了一个bookmarklet，我希望通过我的博客传递它。但是Wordpress在显示它时从我的帖子中删除了javascript。

Answer 1

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

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

在帖子中，点击时会收到提醒，以及书签。

Answer 2

问题很可能是在浏览器端造成的。 Chrome的XSS对我来说是个问题，我通过在我的安装的根文件夹中添加行header ("X-XSS-Protection: 0");到wp-blog-header.php来解决它。这可能并不理想，因为它适用于整个网站。将它添加到仅适用于需要呈现书签的帖子/页面的位置可能会更好。

Answer 3

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

Wordpress过滤掉您在帖子或页面中使用的任何Javascript，这就是您的代码丢失的原因。我做了以下步骤来添加＆＃34; javascript：＆＃34;链接：

1. 将您想要的链接添加到您的帖子中，使用＆＃34;＃＆＃34;作为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添加到您要使用的链接。现在，在页面加载后立即加载Javascript。点击链接将调用函数yourFunction

Answer 4

WordPress单页和帖子中的Javascript

<script type="text/javascript">
<!--
// your code
//--></script>

来源： https://codex.wordpress.org/Using_Javascript

Answer 5

我猜想wordpress编辑器用于处理文本数据/内容。因此，要添加您的js，您可以找到用于添加自定义js的插件。您也可以在帖子中添加“自定义”字段。

让它成为“ custom_js”-包含js代码的字段的名称。然后编辑主题后模板，添加custom_js的“ echo”。

<?php
//single.php
echo get_post_meta( get_the_ID(), 'custom_js');
?>