Javascript 尝试在Wordpress中的17Hats iFrame中设置样式
我查阅了各种指南,发现jQuery在技术上是可行的,所以我下载了Javascript 尝试在Wordpress中的17Hats iFrame中设置样式,javascript,jquery,wordpress,iframe,Javascript,Jquery,Wordpress,Iframe,我查阅了各种指南,发现jQuery在技术上是可行的,所以我下载了页眉和页脚脚本(一个插件),并设法获得了一个使用jQuery的console.log 到目前为止,我掌握的代码是: <script type="text/javascript"> jQuery(document).ready(function() { console.log('Hi'); }); </script> jQuery(文档).ready(函数(){ console.log('
页眉和页脚脚本(一个插件),并设法获得了一个使用jQuery的console.log
到目前为止,我掌握的代码是:
<script type="text/javascript">
jQuery(document).ready(function() {
console.log('Hi');
});
</script>
jQuery(文档).ready(函数(){
console.log('Hi');
});
我想在iFrame 0中创建一个按钮的边界半径,它的Id=“lc\u form\u submit”,那么我可以这样做吗
我想做得更多,但如果我能在他的角色上得到帮助的话,我可能会想出其他的办法
谢谢 如果iframe内容是跨域的,则无法访问其DOM
否则,您将如何在纯Javascript和jQuery中执行此操作。简短回答:
不再可能操纵iframe,因为它的内容来自您的域之外**
详细回答:
您所拥有的是将Hi
记录到站点控制台上的的代码-这也不需要jQuery包装,您只需执行console.log('Hi')代码>因为控制台日志记录不需要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>
jQuery(文档).ready(函数($){
$('#hats').contents().find('body').html('Hello World');
});
访问跨原点帧时,您将收到错误阻止带有原点“[您的网站]”的帧。
一般来说,我会查阅一些关于交叉源代码和XSS的参考资料
本质上,如果您使用的是无法控制的iframed内容,您就无能为力。如果您坚持要更改按钮的边框半径,则需要使用PHP cURL请求或jQuery.load()函数来获取标记,并在PHP或Javascript中对其进行操作,然后输出——老实说,这对于边界半径来说太多了。如果你真的需要(生或死)做比边界半径更大的事情,老实说,因为你仍然在计算console.log('Hi')代码>这可能是对fiverr或codersclan等平台上经验更丰富的开发人员的请求。因此我尝试了您的代码,得到了-无效或意外的令牌。知道问题是什么吗?对不起,我不明白你说的fiverr或codersclan是什么意思?你看过我的全部答案了吗?我的代码中确实有一个输入错误(这是固定的),但要点是,即使使用jQuery,也不可能操纵iframed内容。如果你必须这样做,你需要付钱给开发人员来找到一个解决方案——Fiverr和CodersClan是你可以为项目雇佣开发人员的网站。但这取决于17hat服务器的设置方式,甚至可能不可能。我确实读过。对不起,我好像误解你了。我的印象是,我应该看看你的代码会吐出什么,如果它会出错。虽然我已经澄清了一点答案,但它并没有抛出一个错误,但简短的回答是:你想要完成的事情已经不可能了——尽管它曾经是。