Question

[Shopify页面编辑] 我正在尝试在页面中包括-博客文章-用于显示相同来源内容的IFRAME-具有链接到MailChimp的电子邮件通讯订阅的横幅。 Shopify实施了DENY ALL X-FRAME-OPTIONS，所以我得到了一个空白页面。

<p>Before</p>
<div><iframe src="/pages/abonnement-newsletter-discount" style="height: 855px; width: auto; border: none;"></iframe></div>
<p>After</p>

我可以在BLOG POST中重写BANNER的全部内容，但是我有几个页面要包含该对象，并且负责内容编写的人并不是技术性的（之所以只包含一行代码来检索横幅）。

我尝试包括在StackOverflow上找到的jquery脚本。我有一些技术技能，但不足以解决我做错的事情。该脚本应在服务器端呈现HTML，并将其显示在我包含在博客文章中的DIV中。当我检查代码时，脚本未加载（我不知道Shopify是否阻止了该脚本）。

参考：How exactly can I replace an iframe with a div and Javascript?

[包含在theme.liquid中，在“标题”部分内部]

  {% if handle contains 'blog-post-url' %}
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.0.min.js">
      $.get('/pages/newsletter-subscription', function(data) {
        $('#test').html(data);
      });
  </script>
  {% endif %}

[包含在Blog-post-URL页面中]

  <p>Before</p>
    <div id="test"></div>
  <p>After</p>

我想在博客文章“ blog-post-url”的特定部分中包含“ / pages / newsletter-subscription”的内容。 Shopify限制了很多事情，因此我不确定jquery是否有效。我也尝试使用“对象”，但是我有相同的行为。谢谢

当X-FRAME-OPTION设置为DENY时，如何获得与IFRAME相同的结果？

0 个答案: