Question

我有以下代码：iframe正在显示但我想隐藏它直到提交表单。是否更好的可能使用Div而不是iframe？我希望在提交表单时摆脱已存在的div。

<script type="text/javascript">  
function showIFrame() {  
 var iframe = document.getElementById("myiframe");  
 iframe.style.display="block";  
}  
</script>

在我的css文件中

#myiframe {
display:none; }

<form name="search" id="search" method="get"      action="http://tmccaffery.outsideagents.com/travel/car/search.rvlx" target="carsearch">

<iframe id="myframe" name="carsearch" width="535" height="625" scrolling="no"   frameborder="0"></iframe>


<button type="submit" id="SearchCarButton" class="submitBtn" onclick="showIFrame()"/>  <span>Search</span></button>

Answer 1

您在HTML中使用id="myframe"，在CSS中使用#myiframe。

将id="myframe"更改为id="myiframe"或将#myiframe更改为#myframe。

Answer 2

iframe.style.visibility="hidden";

并展示它：

iframe.style.visibility="visible";

编辑：您可以使用onsubmit =“JavaScriptCode”事件来触发更改。

参考： http://www.w3schools.com/jsref/event_form_onsubmit.asp

Answer 3

将您的脚本更改为：）

<script type="text/javascript">  
function showIFrame() {  
var iframe = document.getElementById("myiframe");  
iframe.style.visibility="visible";
}  
</script>

Answer 4

您使用了错误的ID - 在您的css中，您正在使用“#myiframe”而不是“#myframe” - 没有“我”。

这是正确的代码：

#myframe { display:none; }

Answer 5

jQuery有加载iframe时执行的加载事件：

$('#myframe').load(function() {
   $(this).show();
});

iframe只在点击后显示？

5 个答案: