javascript - 在 Wordpress 中，如何将当前页面 URL 的一段(最后五位数字)拉入页面内的 iFrame 中？

Question

我们的网站使用 Wordpress，并使用 iFrame 从软件中提取职位空缺。 iFrame 查询要求我们从 URL 中获取职位“代码”(例如 xyz.com/job-details/jobcode=11568 )。

vendor 提供了应该执行此操作的 JavaScript，但它不起作用。当页面加载 src 时，仅输出为 src(unknown)"。 iframe 应读取为 src="https://evoportalus.tracker-rms.com/COMPANY/jobs?fields=title,location&filters=Reference|<<the jobcode pulled from the URL>>

有人可以帮忙吗？

<script type="text/javascript">
loadSite();
</script>

<iframe src="" frameborder="0" scrolling="yes" width="700" height="700" id="trmsjobs"></iframe>

<script type="text/javascript">
    var getQueryString = function (field, url) {
        var href = url ? url : window.location.href;
        var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i');
        var string = reg.exec(href);
        return string ? string[1] : null;
    };
    function loadSite() {
        var site = "https://evoportalus.tracker-rms.com/LincolnStrategic/jobs";
        site += "?fields=title,location&filters=reference|" + getQueryString("jobcode");
        document.getElementById('trmsjobs').src = site;
    }
</script>

编辑时

抱歉，我认为我原来的解释不够清楚。 getQueryString 变量似乎有效；它输出得很好。问题是“site”变量没有插入到 iFrame 中的 SRC 值中，而这正是该脚本应该执行的操作。

Answer 1

调整代码以将函数调用移至同一 block 中，并将 var functionName = function 语法更改为 function functionName 语法

<iframe src="" frameborder="0" scrolling="yes" width="700" height="700" id="trmsjobs"></iframe>

<script type="text/javascript">
        loadSite();
    function getQueryString (field, url) {
        var href = url ? url : window.location.href;
        var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i');
        var string = reg.exec(href);
        return string ? string[1] : null;
    };
    function loadSite() {
        var site = "https://evoportalus.tracker-rms.com/LincolnStrategic/jobs";
        site += "?fields=title,location&filters=reference|" + getQueryString("jobcode");
        console.log(site);
        document.getElementById('trmsjobs').src = site;
    }
</script>