当前位置: 首页
前端开发
ExtJS下动态生成XML并兼容火狐的写法

ExtJS下动态生成XML并兼容火狐的写法

热心网友 时间:2026-06-16
转载

动态生成XML时,ActiveXObject仅兼容IE,火狐不支持。推荐使用标准DOMAPI如document implementation createDocument,可在内存中构建XML树,无需本地文件,实现跨浏览器兼容,并提升安全性与可维护性。

在Web开发中,动态生成XML文档是常见需求,但不同浏览器的实现差异显著。过去多数开发者习惯使用ActiveXObject创建XML,然而该对象仅适用于IE浏览器,在Firefox(火狐)中完全无法运行。为了实现跨浏览器兼容,同时避免依赖本地XML文件,最可靠的方案是采用标准DOM API动态构建XML。下面这个函数正是为此设计——纯前端生成,跨浏览器兼容。

function getXml() { 
    // 获取输入值 
    var name = textName.getValue(); 
    var pwd = textPwd.getValue(); 
    // 初始化对象 
    var xmlDoc = document.implementation.createDocument("", "", null); 
    xmlDoc.async="false"; // 取消xml在还没有完成数据完整填写就提交的动作

    // xml头部编写 
    var header=xmlDoc.createProcessingInstruction("xml","version='1.0'"); 
    xmlDoc.appendChild(header);

    // 创建子树 
    var root = xmlDoc.createElement("loginInfo"); 
    var username = xmlDoc.createElement("userName"); 
    var userpassword = xmlDoc.createElement("passWord"); 
    // 创建子树文本内容 
    var usernameText=xmlDoc.createTextNode(name); 
    var passwordText=xmlDoc.createTextNode(pwd);

    // 子树文本内容挂载 
    username.appendChild(usernameText); 
    userpassword.appendChild(passwordText);

    // 子树节点挂载 
    root.appendChild(username); 
    root.appendChild(userpassword);

    // 根内容挂载 
    xmlDoc.appendChild(root);

    // 返回xml文本内容 
    return xmlDoc; 
};

而传统的基于IE专有对象的写法则存在严重的兼容缺陷——仅支持IE,其他浏览器一概不理:

var dom= new ActiveXObject()

若将上述ActiveXObject代码部署到Firefox中,将直接引发运行时错误。因此,为确保Firefox(火狐)用户也能正常使用,同时实现无需本地XML文件、完全动态生成,上述标准DOM方案才是最佳选择。该方案不限定浏览器类型,直接在内存中高效构建XML树,不依赖任何外部文件。

来源:https://www.jb51.net/article/35237.htm

游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。

同类文章
更多
如何用拖放在Flask看板应用中更新数据库状态

如何用拖放在Flask看板应用中更新数据库状态

在Flask看板应用中,通过HTML5拖放API结合前端fetch异步POST请求,将拖拽任务的task_id和target_state发送至后端路由;后端接收JSON后更新数据库并提交事务,实现跨列拖拽时实时更新状态。需注意将事件绑定到容器而非子元素,并在ondragover中阻止默认行为以确保drop触发。

时间:2026-07-09 07:01
如何用CSS :has()选择器快速实现悬停span显示相邻div

如何用CSS :has()选择器快速实现悬停span显示相邻div

利用CSS的:has()伪类选择器,通过` bar:has(> baz:hover)+ qux`实现悬停内联元素时显示相邻块级容器,解决了传统相邻兄弟选择器无法跨层级匹配的局限,可用于悬停图标显示详情框等交互场景。需注意浏览器兼容性和性能优化,避免过度使用影响渲染效率。

时间:2026-07-09 07:01
display:block居中段落文本的响应式实现方法

display:block居中段落文本的响应式实现方法

通过`display:block`与`max-width`限制宽度,配合`margin:auto`使段落块水平居中并实现响应式布局;同时用CSS统一控制段落间距,避免脱离文档流,提升可读性与维护性。

时间:2026-07-09 07:01
JavaScript代码去重:高效避免重复编写的技巧

JavaScript代码去重:高效避免重复编写的技巧

将重复代码中的变化点提取为参数,利用ES6模板字符串动态生成选择器,可消除重复、保持一致性。注意参数安全性,必要时进行白名单校验;批量化场景可扩展为数组形式;现代框架中更推荐数据驱动或组件化封装替代手动选择器。

时间:2026-07-09 07:00
使用容器查询单位cqw实现表单输入框相对于祖父容器百分比宽度

使用容器查询单位cqw实现表单输入框相对于祖父容器百分比宽度

利用CSS容器查询单位cqw,表单输入框宽度可直接基于祖父容器计算,绕过中间包装器尺寸干扰,实现简洁响应式布局,无需硬编码或JavaScript,显著降低维护成本,提升嵌套结构下的布局灵活性。

时间:2026-07-09 07:00
热门专题
更多
刀塔传奇破解版无限钻石下载大全 刀塔传奇破解版无限钻石下载大全
洛克王国正式正版手游下载安装大全 洛克王国正式正版手游下载安装大全
思美人手游下载专区 思美人手游下载专区
好玩的阿拉德之怒游戏下载合集 好玩的阿拉德之怒游戏下载合集
不思议迷宫手游下载合集 不思议迷宫手游下载合集
百宝袋汉化组游戏最新合集 百宝袋汉化组游戏最新合集
jsk游戏合集30款游戏大全 jsk游戏合集30款游戏大全
宾果消消消原版下载大全 宾果消消消原版下载大全
  • 热门数据榜