仿IE打开xml

最新推荐文章于 2024-07-25 19:54:22 发布
最新推荐文章于 2024-07-25 19:54:22 发布
阅读量504 收藏
点赞数
分类专栏： xml 文章标签： xml XML 仿IE打开xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenxiaolei1949/article/details/8331124
版权

      最近工作中需要将一些xml文档在浏览器中的iframe中形成预览，最先想到的

就是用<iframe src="aa.xml"></ifame>，但是这种做法在IE9、IE10中，却无法正常显示，

在IE9、IE10的ifame中是直接把xml当作html处理的，结果显示的都是一些字符，于是自己

就写了一个类似的效果，主要就是一个递归，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>XML_Tree</title>
</head>
<body>
    <div id="xml_tree"></div>
</body>
</html>
<script type="text/javascript">
    (function(){
        var _xml = {
            xmlDoc: {
                LOADTYPES: {
                    XML_PATH: 0, XML_STRING: 1
                },
                loadDoc: function(str, loadType){
                    var doc = null;
                    if (window.ActiveXObject){
                        doc = new ActiveXObject("Microsoft.XMLDOM");
                        doc.async = false;
                        try{
                            if (loadType == this.LOADTYPES.XML_PATH){
                                doc.load(str);
                            }
                            else if (loadType == this.LOADTYPES.XML_STRING){
                                doc.loadXML(str);
                            }
                        }
                        catch(e){}
                    }
                    else if (window.XMLHttpRequest){
                        var xmlhttp = new XMLHttpRequest();
                        xmlhttp.open("GET", str, false);
                        xmlhttp.send(null);
                        doc = xmlhttp.responseXML;
                    }
                    return doc;
                }
            },
            xmlTree: {
                createTree: function(str, loadType){
                    var arr_HTML = [],
                        doc = _xml.xmlDoc.loadDoc(str, loadType),
                        doc_Nodes = doc.childNodes;
                    
                    if (doc_Nodes.length > 1){
                        var nodeFirst = doc_Nodes[0];
                        if (nodeFirst.nodeType == 7){
                            arr_HTML.push('<div>&nbsp;&nbsp;&nbsp;<span style="color:#0000FF;">&lt;?</span><span style="color:#0000FF;">xml&nbsp;', nodeFirst.text, '&nbsp;</span><span style="color:#0000FF;">?&gt;</span></div>');
                        }
                    }
                    return '<span style="font-size: 12px;line-height:17px;font-family:Verdana;">' + arr_HTML.join('') + '<span>' + this.createNodeHTML(doc.documentElement) + '</span></span>';
                },
                createNodeHTML: function(xmlNode){
                    if (!xmlNode){ return ''; }
                    var arr_HTML = [],
                        alink = '<a style="font-size:14px;font-family:Courier New;color:#990000;text-decoration:none;" href="javascript:void(0);">-</a>&nbsp;',
                        onclick = "var nodes = this.parentNode.childNodes,show=this.getAttribute('data-show')=='1'; for(var i=0,L=nodes.length;i<L;i++){ if (i!=0){ if (show){ this.setAttribute('data-show','0');nodes[i].style.display = 'none';this.childNodes[0].innerHTML='+'; }else{ this.setAttribute('data-show','1');nodes[i].style.display = '';this.childNodes[0].innerHTML='-'; } }}";
                    if (xmlNode.nodeType == 1){
                        var AttrL = xmlNode.attributes.length,
                            ChildL = xmlNode.childNodes.length,
                            cursor = ChildL == 0 ? '' : 'cursor:pointer;',
                            fh = ChildL == 0 ? '&nbsp;&nbsp;&nbsp;' : alink;
                        arr_HTML.push('<div οnclick="', onclick, '" data-show="1" style="padding-left:25px;text-indent:-25px;', cursor,'">', fh, '<span><span style="color:#0000FF;">&lt;</span><span style="color:#990000;">', xmlNode.tagName, '</span>');
                        for(var i=0;i<AttrL;i++){
                            var attr = xmlNode.attributes[i];
                            arr_HTML.push('&nbsp;<span style="color:#990000;">', attr.nodeName,'</span><span style="color:#0000FF;">="</span><span style="font-weight:bold;">', attr.nodeValue, '</span><span style="color:#0000FF;">"</span>');
                        }
                        if (ChildL == 0){
                            arr_HTML.push('<span style="color:#0000FF;">/&gt;</span></span></div>');
                        }
                        else{
                            arr_HTML.push('<span style="color:#0000FF;">&gt;</span></span></div>');
                            arr_HTML.push('<div>');
                            for(var i=0;i<ChildL;i++){
                                arr_HTML.push('<div style="padding-left:30px;">', arguments.callee(xmlNode.childNodes[i]), '</div>')
                            }
                            arr_HTML.push('</div>');
                            arr_HTML.push('<div>&nbsp;&nbsp;&nbsp;<span style="color:#0000FF;">&lt;/</span><span style="color:#990000;">', xmlNode.tagName, '</span><span style="color:#0000FF;">&gt;</span></div>');
                        }
                    }
                    else if (xmlNode.nodeType == 3){
                        if (!/^\s+$/.test(xmlNode.nodeValue)){
                            arr_HTML.push('<div>&nbsp;&nbsp;&nbsp;<span style="font-weight:bold;">', xmlNode.nodeValue, '</span></div>');
                        }
                    }
                    else if (xmlNode.nodeType == 8){
                        onclick = "var show=this.getAttribute('data-show')=='1';if (show){ this.setAttribute('data-show', 0);this.nextSibling.style.display='none';this.firstChild.innerHTML='+'; }else{ this.setAttribute('data-show', 1);this.nextSibling.style.display='';this.firstChild.innerHTML='-'; }";
                        arr_HTML.push('<div style="padding-left:25px;text-indent:-25px;', cursor,'"><span style="cursor:pointer;" data-show="1" οnclick="', onclick, '">', alink, '<span style="color:#0000FF;">&lt;!--</span></span>');
                        arr_HTML.push('<span><pre style="padding-left:30px;color:#888888;">', xmlNode.nodeValue.replace(/</igm, '&lt;').replace(/>/igm, '&gt;'), '</pre></span>');
                        arr_HTML.push('&nbsp;&nbsp;&nbsp;<span style="color:#0000FF;">--&gt;</span></div>');
                    }
                    return arr_HTML.join('');
                }
            }
        }
        
        window.xml = _xml;
    })();
    var url_arr = [
            'XML/XMLFile.xml',
            'XML/XMLFile2.xml',
            'XML/XMLFile3.xml'
        ],
        str = xml.xmlTree.createTree(url_arr[0], 0);
    document.getElementById('xml_tree').innerHTML = str;
</script>
chenxiaolei1949
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仿IE收藏夹
04-18
"仿IE收藏夹"是一个基于源码开发的工具，它旨在模仿互联网Explorer（IE）浏览器的收藏夹功能，提供用户一个方便的方式来存储、管理和访问他们的网页链接。在互联网早期，IE浏览器是主流的选择，其收藏夹功能深受用户...
JAVA仿IE浏览器源码
06-22
【JAVA仿IE浏览器源码】项目是一个基于Java技术实现的简单网络浏览器，旨在为开发者提供一个基础框架，以便于在该基础上进行二次开发和功能扩展。这个项目充分展示了Java语言在构建桌面应用上的能力，尤其是GUI...
IE浏览器和非IE浏览器使用js导出xml/json文件到客户端制定路径问题
YLiu77的博客
03-19 665
在IE浏览器中，可以通过创建ActiveXObject对象的FileSystemObject来实现文件的导出，ActiveXObject为IE浏览器特有的控件；非IE浏览器不能直接通过js来导出文件到指定路径，否则需要通过服务器或者其他来实现。我这里只讨论前端js这块。实现IE浏览器导出文件到指定路径，通过XMLHttpRequest来解析文件（可适应大多数浏览器），实现用js创建xml格式的数据...
js解析xml文件(针对非IE浏览器）
我的博客
12-18 787
带命名空间的xml文件解析
IE中的XML DOM
学海无涯的专栏
04-16 3065
当微软在IE 5.0中第一次加入对XML支持时，他们只是在MSXML ActiveX库（最初是为了在IE 4.0中解析Active Channels的组件）中实现XML的功能。最初的版本并没有打算公开使用，然而随着开发人员逐渐了解这个组件并尝试使用时，微软才意识到这个库的重要性，很快就在IE 4.01中发布了MSXML完全升级版本。MSXML最初还只是IE的一个组件。直到2001年，微软发布了
在javascript中操作兼容IE/Firefox浏览器的XMLDOM及扩展[最新]
weixin_30708329的博客
01-08 117
一谈起XMLDOM在IE/Firefox浏览器的兼容性,向来都是头疼的问题,也苦了众多前辈在多标准的现状下总结出了颇有价值的代码,以免后人再走弯路。随着javascript和dom版本的不断升级，旧的代码在效率和实现上也适时的出现些变化，达到适应最新同时向下兼容的效果。在javascript中操作xmldom常用的有以下几种场景： 一、创建XMLDOM对象 1var_xml...
Firefox 下兼容IE操纵 XMLDocument 方式
風一樣的男子
09-10 189
开发中遇到要兼容FF，其中 IE 操纵 XMLDocument 的一些方法及属性 FF 下都没有 后来网上搜索参考在 js 里加入如下代码解决问题 [code="javascript"] if(!document.all){ // 为 XMLDocument 添加 loadXML 方法 XMLDocument.prototype.loadXML = function(xmlStr...
Android自定义View 仿QQ侧滑菜单的实现代码
01-20
在布局XML文件中，我们可以看到`SideslipView`的实例化，并且使用了两个`TextView`来模拟菜单和主页面，背景颜色和文字分别代表了菜单和主页。在实际应用中，这些`TextView`可能会被替换为更复杂的布局，例如`...
Android使用Item Swipemenulistview实现仿QQ侧滑删除功能
01-20
在XML布局文件中，使用`<com.baoyz.swipemenulistview.SwipeMenuListView>`标签，确保指定完整的包名。例如： ```xml xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" ...
[Android] 通过GridView仿微信动态添加本地图片示例代码
01-20
最后，尽管示例中“+”按钮没有被移动到界面的最后，但其实现原理与常规情况相同，只需监听按钮点击事件，打开系统相册，选择图片后回调并处理图片路径即可。 总之，这个示例展示了如何利用Android的GridView控件...
替换IE浏览器才能识别的document.execCommand(‘SaveAs‘,false,‘Test.xls‘)两种方法
qq3892997的博客
03-22 1439
原文：html页面导出为excel表格 - 别动我的猫 - 博客园 (cnblogs.com) document.execCommand('SaveAs',false,'Test.xls'); //该方法只在IE中支持，谷歌/edge都无法识别， //因IE不再被微软推荐使用，手上多个项目需要整改 借鉴网上已有的例子实现在其他浏览器正常下载页面表格到Excel： <!DOCTYPE html> <html> <head> <meta charse.
关于ie浏览器调试xml文件
自定义
03-01 2581
IE浏览器真的是好使呀，可以快速的定位出xml文件中出错的地方，我也是今天上班时出错了，领导教我的。嘿嘿嘿！        首先，将自己的xml文件拖到本地的ie浏览器中，然后F12打开控制台，这时，可以很直接的看出自己写的xml中有哪些错误。ie浏览器最好是版本越低越好。     具体步骤如下： （1）将自己写的xml直接拖到ie浏览器下面； （2）按F12，打开控制台。 （
IE 不能浏览 XML 网页的解决办法
品味经典
03-22 1029
Win2003 系统，刚下载 IE8 正式版安装后，发现在 IE浏览器中不能直接浏览 XML 网页，如：http://feed.fufuok.com/ ，出现下载提示框，保存后是 XML 文件。不确定是否是安装 IE8 造成的，XML 解析出现问题，重新注册 XML 组件解决问题。开始 - 运行 - cmd ，分别执行以下命令：regsvr32 -u msxml3.dll regs
解析capl文件生成XML Test Module对应的xml工具
m0_56315547的博客
07-25 658
解析CANoe的CAPL中.can/.cain文件，生成XML Test Module中使用的xml
Day9--学习三种方式实现mybatis数据库查询（XML映射文件、注解方式、接口扫描）
gitee_nanzhi66的博客
07-25 745
MyBatis 是一个优秀的持久层框架，支持多种方式进行数据库操作，包括使用独立的映射文件（XML）、注解和接口扫描。下面我将分别给出这三种方式的代码案例。
Datacom-HCIA认证全套课件
07-30
Datacom-HCIA认证全套课件 完整的，不错 HC110110001 传输介质简介.pptx HC110110002 以太网帧结构.pptx HC110110003 IP编址.pptx HC110110004 ICMP协议.pptx HC110110005 ARP协议.pptx HC110110006 传输层协议.pptx HC110110007 数据转发过程.pptx HC110110008 VRP基础.pptx HC110110009 命令行基础.pptx HC110110010 文件系统基础.pptx HC110110011 VRP系统管理.pptx HC110110012 交换网络基础.pptx HC110110013 STP原理与配置.pptx
基于tp5的校园生活系统.zip
最新发布
07-30
基于tp5的校园生活系统.zip
matlab打开xml文件
01-24
在MATLAB中打开XML文件有多种方法。一种方法是使用MATLAB内置的函数`xmlread`。首先，我们可以使用`websave`函数从网络上下载或使用`copyfile`函数复制本地文件到MATLAB的工作目录中。然后，我们使用`xmlread`函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值