简答：

Question

我已经查找了各种指南并发现它在技术上可以使用jQuery，所以我下载Header and Footer Scripts（一个插件）并设法使用jQuery工作的console.log。

我到目前为止的代码是：

<script type="text/javascript">
  jQuery(document).ready(function() { 
    console.log('Hi');
  });
</script>

我想在iFrame 0中创建一个按钮的border-radius，它是Id =“lc_form_submit”，所以我可以这样做吗？

我想做更多，但如果我可以得到他的帮助，我可能能够弄明白其余的

谢谢！

Answer 1

简答：

不再可能操纵内容源自域外的iframe。**

更长的回答：

您拥有的代码是将Hi记录到您站点的控制台上 - 这也不需要jQuery包装器，您只需执行<script type="text/javascript">console.log('Hi');</script>，因为控制台日志记录不需要jQuery。

不幸的是，jQuery不允许您操作不在同一域上托管的iframe的内容。它曾经，但有大量的XSS问题被恶意打开。

例如，如果您尝试这样做：

<iframe id="hats" src="https://17hats.com/iframe/"></iframe>

<script type="text/javascript">
  jQuery(document).ready(function($){
    $('#hats').contents().find('body').html('<div>Hello World</div>');
  });
</script>

您将收到错误Blocked a frame with origin "[your-website]" from accessing a cross-origin frame.

我会查看有关Cross Origin和XSS的一些参考资料。

基本上，如果你使用的是iframed内容，你无法控制，你就无法做任何事情。

Answer 2

如果您的iframe内容是跨域的，则无法访问其DOM。

Else this就是如何在纯Javascript和jQuery中完成的。

尝试在Wordpress中的17Hats iFrame内进行样式设计

2 个答案:

简答：

更长的回答：