js 读 xml 非ie 可以支持 chrome 浏览器 与 android webView

简介: //read.xml内容 18 美女 jpg,gif 37 //网页内容 var request_success = false; var dataArray = new Array(); va...

//read.xml内容

<?xml version="1.0" encoding="utf-8" ?>

<contents>

<itemcount>18</itemcount>

<item>

<title>美女</title>

<content />

<filetype>jpg,gif</filetype>

<filecount>37</filecount>

</item>

</contents>

//网页内容

<html>

<head>

<script>

var request_success = false;

var dataArray = new Array();

var itemArray = new Array();

function OnLoad() {

var request = new XMLHttpRequest();

var my_div = document.getElementById("my_div");

var my_div_1 = document.getElementById("my_div_1");

request.open("GET", "../test5/xml/read.xml", false);

request.send("");

if (request.readyState == 4 && request.status == 200) {

request_success = true;

String

str = "";

var item1 = request.responseXML.getElementsByTagName("item");

alert(item1.length);

var dataA = Array.prototype.slice.call(item1);

for ( var i = 0; i < dataA.length; i++) {

var oneItem = dataA[i].childNodes;

var oneItemLen = oneItem.length;

itemArray = new Array();

for ( var j = 1; j < oneItemLen; j++) {

itemArray.push(oneItem[j].textContent);

j++;

}

dataArray.push(itemArray);

}

for ( var k1 = 0; k1 < dataArray.length; k1++) {

var oneItemData = dataArray[k1];

str += k1 + " ";

for ( var k2 = 0; k2 < oneItemData.length; k2++) {

str += oneItemData[k2] + " " + k2;

}

str += "<br/>";

}

alert(dataArray.length);

var src1 = dataArray[0][1];

my_div_1.innerHTML = src1;

my_div.innerHTML = "<img src='"+src1+"'/>";

} else {

my_div.innerHTML = "Request failed: ready state="

+ request.readyState + " status=" + request.status;

}

}

function DidSyncRequestSucceed() {

return request_success;

}

</script>

</head>

<body onload="OnLoad();">

This page sends a synchronous XMLHttpRequest.

<br>

<br>

<div id="my_div"></div>

<div id="my_div_1"></div>

</body>

</html>

相关文章
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
528 1
|
12月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
349 23
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
775 156
|
Web App开发 前端开发 JavaScript
折腾之王:JavaScript之父Brave浏览器与BAT的诞生
2015年,JavaScript之父Brendan Eich再次创业,推出Brave浏览器和加密货币Basic Attention Token(BAT),旨在颠覆传统广告行业。Brave屏蔽广告、保护隐私,加载速度快;BAT则通过奖励机制让用户、内容创作者和广告主三方受益。尽管面临用户习惯和巨头竞争的挑战,Brave已拥有超4000万月活跃用户,成为全球增长最快的隐私浏览器,引领Web3生态发展。
514 22
折腾之王:JavaScript之父Brave浏览器与BAT的诞生
|
Web App开发 人工智能 JSON
AutoMouser:AI Chrome扩展程序,实时跟踪用户的浏览器操作,自动生成自动化操作脚本
AutoMouser是一款Chrome扩展程序,能够实时跟踪用户交互行为,并基于OpenAI的GPT模型自动生成Selenium测试代码,简化自动化测试流程。
1067 17
AutoMouser:AI Chrome扩展程序,实时跟踪用户的浏览器操作,自动生成自动化操作脚本
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
397 63
|
移动开发 JavaScript 前端开发
一些处理浏览器兼容性问题的JavaScript库
这些库在处理浏览器兼容性问题方面都有着各自的特点和优势,可以根据具体的需求和项目情况选择合适的库来使用,从而提高代码的兼容性和稳定性,为用户提供更好的体验。同时,随着浏览器技术的不断发展,还需要持续关注和学习新的兼容性解决方案。
448 58
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
290 5
在浏览器执行js脚本的两种方式
|
Web App开发 数据采集 JavaScript
Chrome浏览器实例的TypeScript自动化脚本
Chrome浏览器实例的TypeScript自动化脚本
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
4843 2