一直以为javaScript意味着杂乱的全局变量,让人头疼的临时对象,乱七八糟毫无组织的函数。看来以前肯定是让人误导了。
下面是一个简单的rss阅读器,被<<Professional Ajax>>拿来介绍rss。感觉真的很优雅。
function
loadIt(fileName)
{
fd = document.getElementById( " feedisplay " );
var fs = new fooFeeds(fileName + " .xml " );
fs.init();
if (fs.currChannel().feedTitle)
fd.innerHTML = " <h2> " + fs.currChannel().feedTitle + " </h2> " ;
for ( var i = 0 ; i < fs.numFeeds(); i ++ , fs.nextFeed())
{
fdItem = document.createElement( " div " );
fdItem.innerHTML = " <span class="icon"></span><a href=" " + fs.currentFeed().link + " "> " + fs.currentFeed().name + " </a> " ;
fdItem.className = " title " ;
document.getElementById( " feedisplay " ).appendChild( fdItem );
if (fs.currentFeed().caption)
{
caption = document.createElement( " div " );
caption.innerHTML = fs.currentFeed().caption;
caption.className = " item " ;
document.getElementById( " feedisplay " ).appendChild( caption );
}
delete fs;
}
}
{
fd = document.getElementById( " feedisplay " );
var fs = new fooFeeds(fileName + " .xml " );
fs.init();
if (fs.currChannel().feedTitle)
fd.innerHTML = " <h2> " + fs.currChannel().feedTitle + " </h2> " ;
for ( var i = 0 ; i < fs.numFeeds(); i ++ , fs.nextFeed())
{
fdItem = document.createElement( " div " );
fdItem.innerHTML = " <span class="icon"></span><a href=" " + fs.currentFeed().link + " "> " + fs.currentFeed().name + " </a> " ;
fdItem.className = " title " ;
document.getElementById( " feedisplay " ).appendChild( fdItem );
if (fs.currentFeed().caption)
{
caption = document.createElement( " div " );
caption.innerHTML = fs.currentFeed().caption;
caption.className = " item " ;
document.getElementById( " feedisplay " ).appendChild( caption );
}
delete fs;
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/0196c3df5ea9e936f21e9932cca91014.gif)