将src属性的特定部分替换为iframe元素

Question

有什么方法可以将src属性的特定部分替换为iframe元素吗？

我的iframe来自我正在研究的Google博客...

<iframe allowtransparency='true' id='reactions-iframe' class='reactions-iframe' expr:src='data:post.reactionsUrl'  frameborder='0' name='reactions' scrolling='no'/>

当博客加载时， src属性变成这样……

src="https://www.blogger.com/blog-post-reactions.g?options=%5BLike,+Dislike%5D&textColor=%23000000#http://www.blog-name.com/post-name.html"

因此，当博客加载时，我想将例如textColor=%23000000#替换为textColor=%23ffffff# 。 如何使用JavaScript或jQuery做到这一点？

Answer 1

在您的iframe中添加onLoad事件：

<iframe allowtransparency='true' id='reactions-iframe' class='reactions-iframe' expr:src='data:post.reactionsUrl'  frameborder='0' name='reactions' scrolling='no' onLoad='changeSrc();'/>

然后在changeSrc()函数中执行以下代码以更改src值：

function changeSrc() {

    const frame = document.getElementById('reactions-iframe');

    frame.src = frame.src.replace('textColor=%23000000#', 'textColor=%23ffffff#');

}