如何使用javascript分配Iframe url

本文关键字：Iframe url 分配 javascript 何使用 | 更新日期: 2023-09-27 18:13:09

我不能为iframe弹出窗口分配url。我使用以下两种格式来分配iframe url。但这行不通。请帮我解决这个问题。

var hide_id = document.getElementById("<%= hf_id.ClientID %>").value;
var url = "Device_Map.aspx?val='"+ hide_id +"'";
document.getElementById('divMap').innerHTML = '<iframe runat="server" src="' + url + '" id="mm" width="1000" height="500" frameborder="0" scrolling="0" marginheight="0" marginwidth="0" ></iframe><br />';

document.getElementById('divMap').innerHTML = '<iframe runat="server" src="Device_Map.aspx?val='"+ hide_id +"'" id="mm" width="1000" height="500" frameborder="0" scrolling="0" marginheight="0" marginwidth="0" ></iframe><br />';

如何使用javascript分配Iframe url

代码如下:

用于通过javascript为Iframe分配urlDivshow是在其中调用Iframe的Div，在任何事件上调用Iframecalling()方法

<script type="text/javascript">
        function Iframecalling() {
            var queryvalue = 123;
            var url = "DropdownGrid.aspx?ID="+ queryvalue;  
            document.getElementById("Divshow").innerHTML = '<iframe  src="'+url+'" height="450px" width="400px"></iframe>';
        }
    </script>

您在hide_id周围添加的单引号使最终连接的字符串无效。比如

您想要var url = "Device_Map.aspx?val='""+ hide_id +"'"";

或者如果服务器允许，var url = "Device_Map.aspx?val="+ hide_id;

您已经在body中设置了空iframe标记，然后尝试将src分配给它。我在下面提到和示例

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
         var hide_id = document.getElementById("<%= hf_id.ClientID %>").value;
         var url = "Device_Map.aspx?val='"+ hide_id +"'";
         $(".frmPass").attr('src', url);
});
</script>
</head>
<body>
...
...
<iframe id="frm" runat="server" class="frmPass" width="900px" height="500px" scrolling="no"
                frameborder="0" style="border: 0;"></iframe>
...
...
</body>
相关文章：