js 清除html页面,如何清除使用JavaScript输入的HTML文件？

有3种方法可使用javascript清除文件输入：

将value属性设置为空或null。

适用于IE11 +和其他现代浏览器。

创建一个新的文件输入元素并替换旧的。

缺点是您将丢失事件侦听器和expando属性。

通过form.reset()方法重置所有者表单。

为了避免影响同一所有者表单中的其他输入元素，我们可以创建一个新的空表单并将文件输入元素附加到此新表单中并进行重置。这种方式适用于所有浏览器。

我写了一个javascript函数。演示： http ：//jsbin.com/muhipoye/1/

function clearInputFile(f){

if(f.value){

try{

f.value = ''; //for IE11, latest Chrome/Firefox/Opera...

}catch(err){ }

if(f.value){ //for IE5 ~ IE10

var form = document.createElement('form'),

parentNode = f.parentNode, ref = f.nextSibling;

form.appendChild(f);

form.reset();

parentNode.insertBefore(f,ref);

}

js 清除html页面,如何清除使用JavaScript输入的HTML文件？相关推荐

js导出html页面到excel表格,JavaScript将页面表格导出为Excel的具体实现
导出Excel var idTmr = ""; function killExcelProcess(appExcel_){ appExcel_.Quit(); appExcel_ ...
html页面怎么删除cookie,javascript怎么清除cookie？
当web服务器向浏览器发送网页后,连接被关闭,服务器会忘记用户的一切.Cookie是为了解决"如何记住用户信息"而发明的.有时为了我们的信息安全需要清除Cookie,我们该如何做呢 ...
Varnish——CDN推送平台（web页面批量清除缓存）
以下的实验是基于前面实验的环境进行的:https://blog.csdn.net/weixin_42566251/article/details/96872971 下面实验所有的步骤都是在server ...
跳转到新页面并清除当前页面的history记录
History 接口允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录,通过history方法触发前进后退通常使用的方式: window.location.href='index.html' ...
定时器的使用/清除，关闭页面的清除
定时器的使用/清除,关闭页面的清除设置定时器:setInterval(function,time),清除clearInterval(intervalName). 我们设置定时器的时候,需要在data ...
小技巧—谷歌浏览器快速清除本页面缓存
在开发当中,页面经常会遇到缓存问题产生的bug,刷新也无法清除,这时候,我们常常会到浏览器设置里面去进行清除,这样既费力又容易误清其他页面的缓存,这时候,就到了使用下面这个方法的时候了. 首先,我们按 ...
JS清除定时器失败，清除单个定时器（有多个定时器时）
今天遇到一个bug是关于清除定时器. 按理清除定时器后,定时器里的代码不会再执行.但是通过控制台输出后发现定时器还在定时执行.. 最后debug出原因是因为,代码中包含了多个定时器.当一个定时器取消后 ...
js统计html页面访问的次数6,JS综合篇--[总结]Web前端常用代码片段整理
IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. 条件注释只能用于IE5以上,IE1 ...
jsf取js变量_JSF页面中的JS取得受管bean的数据（受管bean发送数据到页面）
[问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: 删除- http://blog.csdn.net/xxjoy_777/articl ...

js 清除html页面,如何清除使用JavaScript输入的HTML文件？

js 清除html页面,如何清除使用JavaScript输入的HTML文件？相关推荐

最新文章

热门文章