在 Html 中使用 JS 变量答案

【问题标题】：Using JS variable in Html在 Html 中使用 JS 变量
【发布时间】：2015-05-27 11:18:50
【问题描述】：

我需要访问 html iFrame 中的 javascript 变量。下面我会提到我目前已经实现的代码。

<script type="text/javascript">
    var sessionState = '<%=statusCookie%>'
    console.log("======JS sessionState=========="+sessionState);
    </script>
 <iframe id="rpIFrame" src="http://localhost:8080/playground/rpIFrame.jsp?session="+sessionState>
</iframe>

这里控制台日志正确打印了 sessionState 值。但是，一旦我将它与 iFrame sessionState 中的 src 一起附加，它就会变为空。请帮我纠正这个问题。

【问题讨论】：

标签： javascript html iframe

【解决方案1】：

试试这个：

<script type="text/javascript">
    window.onload=function(){
        var sessionState = '<%=statusCookie%>'
        document.getElementById("rpIFrame").src = "http://localhost:8080/playground/rpIFrame.jsp?session="+sessionState
    }
</script>
<iframe id="rpIFrame"></iframe>

【讨论】：

【解决方案2】：

<iframe id="rpIFrame" src="http://localhost:8080/playground/rpIFrame.jsp?session="+sessionState>
</iframe>
<script type="text/javascript">
    var sessionState = '<%=statusCookie%>'
    document.getElementById("rpIFrame").setAttribute(src,"http://localhost:8080/playground/rpIFrame.jsp?session="+sessionState );
</script>

【讨论】：