在前端开发中，我们经常需要使用JavaScript来处理表单数据。有时，我们需要将表单提交到一个iframe中，以便异步地处理表单数据或者实现文件上传功能。然而，在IE浏览器中，这样的操作可能会出现一些问题。
问题描述
在IE浏览器中，当我们使用JavaScript将表单提交到一个iframe时，有时候会出现如下错误提示：
------ -- -------
这个错误提示通常会在以下两种情况下出现：
- 表单中包含了文件上传控件（即input[type=file]），并且我们尝试通过JavaScript来提交表单；
- 我们使用了跨域的iframe来接收表单提交。
问题原因
这个问题的根本原因在于IE的安全策略。由于安全策略的限制，IE不允许将表单提交到跨域的iframe中，同时也不允许通过JavaScript来提交包含文件上传控件的表单。这是为了防止恶意网站窃取用户的数据。
解决方案
解决文件上传问题
对于第一个问题，我们可以通过将表单的enctype属性设置为multipart/form-data来解决。这个属性表示将表单数据编码为多部分格式，以便支持文件上传。具体做法如下：
----- ----------- ---------------- ------------- ------------------------------ ------ ----------- ------------ ------- ------------- ---------------------------------- ------- ------- ------------ ------------------------
-------- ------------ - --- ---- - ---------------------------------- --- ------ - ----------------------------------- ----------- - ------------ -------------- -
上述代码中，我们将表单的enctype属性设置为multipart/form-data，同时将表单的target属性设置为iframe的name属性。这样，在调用form.submit()方法时，表单数据就会被提交到指定的iframe中。
解决跨域问题
对于第二个问题，我们需要在接收表单提交的页面（即iframe的src属性所指向的页面）中添加以下代码：
--------- -----
------
------
---------------
------- -----------------------
--------------- - -----------------
---------
-------
------
---- --------- ---
-------
-------上述代码中，我们通过设置document.domain来告诉浏览器这个iframe和主页面属于同一个域名。这样，IE就不会认为这是跨域操作了。
总结
在IE浏览器中，使用JavaScript将表单提交到一个iframe可能会出现Access is denied错误提示。这是由于IE的安全策略导致的，它不允许将表单提交到跨域的iframe中，同时也不允许通过JavaScript来提交包含文件上传控件的表单。为了解决这个问题，我们可以将表单的enctype属性设置为multipart/form-data，并将表单的target属性设置为iframe的name属性；或者在接收表单提交的页面中设置document.domain来避免跨域问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26882