- 浏览: 260063 次
- 性别:
- 来自: 北京
最新评论
-
haixin3036:
jQuery是一套跨浏览器的JavaScript库,简化HTM ...
jquery sizzle 选择器浅析 -
panshunchang:
非常感谢分享,正找这东西呢。
基于jQuery的QQ表情插件 -
yuur369:
不错。。。
移动端webapp开发必备知识
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript获取RSS订阅XML文件的数据</title>
<link rel="shortcut icon" href="http://www.zhangxinxu.com/zxx_ico.png" />
<link rel="stylesheet" href="http://www.zhangxinxu.com/study/css/common.css?ver=20091122" type="text/css" />
<style type="text/css">
.zxx_xml_list{margin:30px; padding-left:25px;}
.zxx_xml_list li{list-style-type:disc; padding:3px 0;}
.zxx_xml_list li span{font-size:10px; color:#666666; margin-left:5px;}
</style>
</head>
<body>
<div class="zxx_out_box">
<div class="zxx_in_box">
<h1 class="zxx_title">JavaScript获取RSS订阅XML文件的数据</h1>
<div class="zxx_main_con">
<ul class="zxx_xml_list" id="xmlBox">
</ul>
<script type="text/javascript">
var html = "";
var xml;
//var url = "http://www.infzm.com/rss/home/rss2.0.xml";
var url = "../xml/rss2.0.xml";
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest();
xhr.open("GET",url,false);
xhr.send(null);
xml = xhr.responseXML.documentElement;
}else if(window.ActiveXObject){
xml = new ActiveXObject("Msxml2.DOMDocument");
xml.async = false;
xml.load(url);
}else{
xml = "";
alert("没有获取到xml数据");
}
//显示数据
var items = xml.getElementsByTagName("item");
if(items.length > 10){
for(var i=0; i<10; i+=1){
html += '<li><a href="'+items.item(i).getElementsByTagName("link")[0].childNodes[0].nodeValue+'">'+items.item(i).getElementsByTagName("title")[0].childNodes[0].nodeValue+'</a><span>'+items.item(i).getElementsByTagName("pubDate")[0].childNodes[0].nodeValue+'</span></li>';
}
}else{
for(var i=0; i<items.length; i+=1){
html += '<li><a href="'+items.item(i).getElementsByTagName("link")[0].childNodes[0].nodeValue+'">'+items.item(i).getElementsByTagName("title")[0].childNodes[0].nodeValue+'</a><span>'+items.item(i).getElementsByTagName("pubDate")[0].childNodes[0].nodeValue+'</span></li>';
}
}
document.getElementById("xmlBox").innerHTML = html;
</script>
</div>
</div>
</div>
</body>
</html>
- js读取xml.rar (7.1 KB)
- 下载次数: 5
发表评论
-
Javascript类定义语法,私有成员、受保护成员、静态成员等
2014-05-29 10:59 719JS只是一门支持面向对象编程的语言,通过OO可以让我们的 ... -
Javascript 继承模式
2014-05-29 10:59 713在面向对象的JavaScript开发中使用继承可以提高代码 ... -
用JavaScript实现自己的DOM选择器
2014-05-28 14:27 671解释器模式(Interpreter):定义一种语法格式,通过 ... -
Javsript代码的注释和模块定义
2014-05-28 14:21 828可以这样定义模块: (function(ns, re ... -
在JavaScript中应用单例模式管理命名空间
2014-05-28 10:56 794单例模式确保一个类在整个应用程序中只有一个是实例对象,在J ... -
移动WEB开发中媒体查询里的width, device-width, resolution
2014-05-28 10:14 1001/*1、width: viewport的宽度,css像素,三星 ... -
前端性能优化
2014-05-27 15:16 8771. 请减少HTTP请求 基本原理: ... -
jquery sizzle 选择器浅析
2014-05-26 14:23 1203看了jquery的源码,jquery用的选择器的引擎是siz ... -
jQuery 1.8,1.9和2.0分别带来的新特性
2014-05-26 14:17 1328jQuery 1.8 可定制 在jQuery ... -
jquery点击div之外的地方div本身消失
2014-05-15 12:22 875<!DOCTYPE html PUBLIC " ... -
jquery-migrate: 迁移旧的jQuery代码至jQuery1.9以上的版本
2014-05-14 16:31 649这个插件可以用来检测和恢复在jQuery1.9版本中已删除或 ... -
移动WEB在线开发工具 – Codiqa
2014-05-12 15:43 633Codiqa,https://codiqa.com 简单试用 ... -
Android手机版浏览器DIV滚动条失效解决方案
2014-05-08 11:09 1203除了BODY和HTML的滚动条,在触屏下几乎所有浏览器都不支 ... -
解耦HTML、CSS和JavaScript
2014-02-14 11:32 621当前在互联网上, ... -
使用console.table()调试javascript
2014-01-20 15:42 609或许你已经习惯了console.log()来调试js,非常好 ... -
JS对象复制
2014-01-17 16:18 604在JavaScript很多人复制 ... -
jQuery反向排序(倒序)子对象
2013-12-26 10:53 2280<!DOCTYPE html><html&g ... -
js object写法 参数传递jquery对象
2013-12-24 11:21 925<!DOCTYPE HTML PUBLIC &quo ... -
JavaScript模拟QQ签名(HTML5 contenteditable属性)
2013-12-24 11:08 587一、思路 1、单击元素时,使元素可以编辑,并获得焦点 2 ... -
ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性
2013-12-19 15:47 804IE6-IE8浏览器,按照现代浏览器的API来工作就好了!也 ...
相关推荐
用javascript读取xml文件读取节点数据_.docx
用javascript读取xml文件读取节点数据__1.docx
Javascript解析服务器端XML文件,成为一个树形菜单,自己工作中需要写的,想和同志们一起探讨探讨
其根本的思路就是:首先在后台加载XML文档,然后通过JavaScript获取文档中所需的数据,最后应用HTML展示获取的数据。 二、获取XML元素的属性值的应用 下面应用attributes属性和getNamedItem()方法获取一个指定的XML...
主要介绍了JS读取XML文件数据并以table形式显示数据的方法,涉及javascript针对xml节点操作及HTML表格操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
主要介绍了用javascript读取xml文件读取节点数据的具体实现,需要的朋友可以参考下
最近需要做这样一个需求,数据保存在XML里,在页面上通过表格显示其内容,可以修改内容,再保存到XML。下面把做这个东西的过程记录下来,做个笔记,也给需要的人一些帮助。
javascript封装的通用解析和操作xml文件数据工具类(含测试使用代码) javascript封装的通用解析和操作xml文件数据工具类(含测试使用代码) 测试数据: <?xml version="1.0" encoding="UTF-8"?> <root> <book> ...
不过这个有一点就是在xsl中获取的这个位置信息是xml文档中的节点位置,而不是排序后的位置; 同样xml+xsl实现排序原理:xsl可以按照节点的属性来排序,我们可以通过动态改变xsl的相关属性值来达到动态排序的目的。...
主要介绍了JS使用ajax从xml文件动态获取数据显示的方法,实例分析了javascript使用Ajax技术操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Hot.xml文件 : 代码如下: <?xml version=”1.0″ encoding=”gb2312″?> <root> <item> 刘亦菲</name> <url>MingXing/LiuYiFei.htm</url> <color>red</color> </item> <item> <name>蔡依林</name> <url>...
在网络浏览器软件中,可以Internet Explorer (IE)现在是一种标准的软件。可以看到,运行不同版本...不仅仅为了显示这些数据,我们还提供了一个简单的用户界面,网上冲浪都可以使用这一界面来浏览XML文档。 表A: ord
脚本资源,Ajax/JavaScript, JavaScript读取XML节点生成多级的网站导航菜单,鼠标放到中心主菜单,它就会依次展开每一级菜单,本菜单的重点实际上并不是让你使用这款菜单,而是向大家展示如何使Js认识XML文件,...
实例351 使用XMLHttpRequest对象读取XML文件 557 14.2 显示XML文档 559 实例352 使用CSS显示XML文档 559 实例353 使用XSL显示XML文档 562 实例354 使用IE XML数据岛输出XML文档 564 14.3 操作XML 565 ...
XMLDOM的相关知识,以及如何通过JavaScript XML DOM对象来读取XML文件的数据,并添加、修改、删除XML文件元素。同时,《JavaScript+DHTML语法与范例详解词典》还讲解AJAX技术的用法,AJAX的定义、语法、功能和执行...
function LoadXml(xmlPath) { try { if (window.ActiveXObject) { xmlDoc = new ActiveXObject(Microsoft.XMLDOM); } } catch (e) { try { xmlDoc = document.implementation.createDocument(, , null); }