javascript - iframe点击后才显示?

标签 javascript ajax html iframe

我有以下代码:正在显示 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>

最佳答案

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

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

关于javascript - iframe点击后才显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15480936/

相关文章:

javascript - React Material-UI Select 使用对象数组作为源

javascript - Bootstrap 博客修复了侧边栏问题

javascript - 如何消除 Angular 垫按钮切换悬停效果?

html - 如何获取 ContentEditable 区域的行数和当前插入符行的位置?

PHP 网络表单到电子邮件

javascript - React - 条件 JSX 渲染

javascript - AJAX 从(NodeJS + Express)服务器请求 png/jpeg 图像并以 html 显示

php - 另一个 jquery ajax 文件上传问题

ajax - 如何在事件处理程序之前拦截 jQuery 中的 ajax 响应?

javascript - 确定 HTML 元素位置变化