调用IFRAME子页面的JS函数2009-10-15 19:02说明：假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。
我们现在要做的就是：
1.在index.html中调用inner.html上的一个js方法
2.在inner.html中调用index.html上的一个js方法
实现代码如下：
index.html
<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>this is index's js function index.html");
}
</script>
</head>
<body>
<div style="background: lightblue;">
This is index page.
<input type="button" value="run index's function" onclick="ff();" />
<input type="button" value="run inner page's function" onclick='window.frames["childPage"].sonff();' />
</div>
<iframe id="childPage" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
</body>
</html>
inner.html
<html>
<head>
<script type="text/javascript">
function sonff(){
alert(">>this is inner page's js function");
}
</script>
</head>
<body>
<div style="background: lightgreen;">
This is inner page.
<input type="button" value="run index's function" onclick='parent.window.ff();' />
<input type="button" value="run inner page's function" onclick="sonff();" />
</div>
</body>
</html>
function cleanFile(id){
var _file = document.getElementById(id);
if(_file.files)
_file.value = "";
else
{
if (typeof _file != "object") return null;
var _span = document.createElement("span");
_span.id = "__tt__";
_file.parentNode.insertBefore(_span,_file);
var tf = document.createElement("form");
tf.appendChild(_file);
document.getElementsByTagName("body")[0].appendChild(tf);
tf.reset();
_span.parentNode.insertBefore(_file,_span);
_span.parentNode.removeChild(_span);
_span = null;
tf.parentNode.removeChild(tf);
}
}
分享到：
相关推荐
这个函数创建了一个新的`<form>`元素，将`<input type="file">`元素添加到新表单中，然后调用`reset`方法清空表单，最后将原始的`<input type="file">`元素放回原位置。 需要注意的是，虽然这两种方法都可以实现...
### JavaScript获取和清空input type="file"值的知识点 #### 1. 获取input type="file"的值 `<input type="file">`元素允许用户选择一个或多个文件，这些文件的路径将通过其`value`属性返回。然而，需要注意的是，...
在Vue.js框架中，处理`<input type="file">`元素时，用户选择文件后，如果需要清空已选择的文件路径，可以采用多种方法。本文将详细讲解两种常见的解决方案，以及如何在Vue实例中实现这个功能。 首先，让我们看下在...
在这个例子中，当用户点击“清空”按钮时，`clearFileSelection`函数会被调用，它会创建一个新的`<input type="file">`元素，并将其插入到原始输入元素的位置，从而达到清空文件选择的效果。 这种方法的一个限制是...
这种方法巧妙地利用了HTML和JavaScript的特性，实现了在不刷新页面的情况下清空`<input type="file">`的值。 总结来说，这个代码示例提供了一种有效且安全的方法，允许在JavaScript中清空`<input type="file">`控件...
以上就是如何在JavaScript中获取和清空`<input type="file">`控件的值。在实际应用中，你可能还需要处理文件上传、多文件选择、文件预览等功能，这些都需要结合HTML5的`FormData`、`FileReader`等API来实现。在处理...
在上面的代码中，我们使用 v-if 指令来控制 input[type="file"] 元素的显示和隐藏。当我们上传文件时，将 ishowFile 设置为 false，以销毁 input[type="file"] 元素。然后，在 getFile 方法中，我们将 ishowFile ...
在JavaScript（简称JS）中，清空表单标签通常是网页交互中常见的操作，尤其是在用户提交数据后重置表单或者在某些动态事件触发时需要清除输入的值。本篇文章将详细探讨如何使用JavaScript来实现这一功能，以及相关...
以下是一些基本的JavaScript函数和概念的详细解释： 1. **`document.write()`**：这个函数用于在HTML文档的当前位置插入文本或HTML代码。例如，`document.write("Hello, World!");`会在页面上输出“Hello, World!”...
C# winform 子窗体调用父窗体函数实现关闭该窗体打开另一个窗体；在父窗体分From1内嵌一个panel1，在panel1里载入From2，点击在子窗体From2中的按钮，清除panel1里的From2，新载入From3，点击在子窗体From3中的按钮...
这时，通过JavaScript（简称JS）编写自定义函数来逐个清空文本框就显得非常必要了。 #### 实现原理 下面将详细介绍如何使用JavaScript来实现清空页面上所有文本框的功能： 1. **获取页面中的所有`<input>`元素**...
有时候在做文件上传的时候会遇到一种情况就是需要重置整个表单，但是问题来了，其他浏览器都没啥问难题，直接reset form或者是触发type为reset的button的click事件就OK了，但是IE却奇葩了，IE中的File域无法清空，...
一种常见的方法是使用Flash或Silverlight插件，或者利用JavaScript和Ajax技术模拟多文件选择和上传。例如，通过监听`change`事件，每次用户选择文件后，将其上传，并清空当前的文件选择，然后再次触发文件选择对话框...
该文档通过列举常见的JavaScript语法特性、内置对象和函数，帮助开发者快速掌握这门语言的核心概念和技术要点。 #### 二、详细知识点解析 ##### 1. 输出语句 `document.write` `document.write` 是一种基本的输出...
在进行Web开发的过程中，经常会遇到需要通过JavaScript清空`<input type="file">`上传控件中的文件选择值的需求。然而，根据HTML标准，`<input type="file">`控件的值是不允许通过JavaScript直接进行修改的。原因...
本文档将详细介绍一系列与JavaScript相关的知识点，包括基本语法、常用方法及自定义函数等内容，旨在帮助开发者更深入地理解和运用JavaScript。 #### 二、基础概念 1. **`document.write("");`** - **描述**：在...
当用户点击按钮触发事件时，可以利用JavaScript删除原有的`<input type="file">`元素，并重新创建一个新的`<input type="file">`元素来替代它，从而达到清空文件选择的效果。 示例代码如下： ```html <span id=...
对于给`<input type="file">`元素赋予初始值，一种方法是在页面加载时，通过JavaScript设置其`value`属性。然而，由于安全原因，直接设置`value`属性对`<input type="file">`无效。另一种方法是利用`<iframe>`来预...
本文将通过示例代码介绍如何使用JavaScript来清空`input`元素中`type`属性值为`file`的值。 首先，要清楚的是，`<input type="file">`元素的值是由浏览器自动管理的。我们不能直接通过JavaScript设置这个值为空字符...
根据给定的文件信息，以下是对“JS函数集合大全/JS函数”中提及的知识点的详细解析： ### 1. `document.write("")` `document.write`是JavaScript中的一个方法，用于将字符串写入当前文档流。它常用于调试或简单...