如何在wordpress中使用变量作为src iframe?

How to use variable as src iframe in wordpress?

我想设置一个动态的url作为一个变量,我试过这种方法但是它不起作用:

<iframe src=src width="100" height="100"></iframe>

<script>
var src = "https://mypage.com"
console.log(src)
</script>

可以吗?

加载页面的示例

function setIframeSrc(id, url) {
    document.getElementById(id).src = url;
}
document.addEventListener("DOMContentLoaded", function() {
    var urlParams = new URLSearchParams(window.location.search)
    if(urlParams.get('id') != null){
       var id = urlParams.get('id')
       setIframeSrc('target_frame', 'https://example.com?id' + id)
    }
});
<iframe id="target_frame" src="about:blank" style="width:500px; height:500px;"></iframe>