代码获取历史上的今天发生的事_基础知识

历史上的今天json接口 ，分享给大家，数据来源于wiki

复制代码 代码如下:

//http://history.sturgeon.mopaas.com //主页
//http://history.sturgeon.mopaas.com/jsonp?callback=?  //jsonp接口
//http://history.sturgeon.mopaas.com/jsonp  //json接口
//http://history.sturgeon.mopaas.com/jsonp/1@1 //历史上的1月1日
//http://history.sturgeon.mopaas.com/1@1  //历史上的1月1日

$.getJSON('http://history.sturgeon.mopaas.com/jsonp?callback=?',function(data){
 parserTodayObj(data);
});
function parserTodayObj(todayObj){
 for(var key in todayObj){
  if(/^.*出生.*$/.test(key)){
   doBirthday(todayObj[key]);
  }
  if(/^.*假日.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*风俗.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*逝世.*$/.test(key)){
   doDeath(todayObj[key]);
  }
  if(/^.*事记.*$/.test(key)){
   doMemorabilia(todayObj[key]);
  }
 } 
}

parserTodayObj(todayObj);

function doBirthday(birthdays){
 if(birthdays.length != 0){

  $(document.body).append("<h3>出生</h3>");
  for (var i = 0; i < birthdays.length; i++) {
   var birthdayitem = birthdays[i];
   $(document.body).append("<p>"+birthdayitem+"</p>");
  };
 }
}

function doHoliday(holidays){
 if(holidays.length != 0){

  $(document.body).append("<h3>节日</h3>");
  for (var i = 0; i < holidays.length; i++) {
   var item = holidays[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doDeath(deaths){
 if(deaths.length != 0){

  $(document.body).append("<h3>逝世</h3>");
  for (var i = 0; i < deaths.length; i++) {
   var item = deaths[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doMemorabilia(memorabilias){
 if(memorabilias.length != 0){

  $(document.body).append("<h3>重大事件</h3>");
  for (var i = 0; i < memorabilias.length; i++) {
   var item = memorabilias[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

复制代码 代码如下:

//http://history.sturgeon.mopaas.com //主页
//http://history.sturgeon.mopaas.com/jsonp?callback=?  //jsonp接口
//http://history.sturgeon.mopaas.com/jsonp  //json接口
//http://history.sturgeon.mopaas.com/jsonp/1@1 //历史上的1月1日
//http://history.sturgeon.mopaas.com/1@1  //历史上的1月1日

$.getJSON('http://history.sturgeon.mopaas.com/jsonp?callback=?',function(data){
 parserTodayObj(data);
});
function parserTodayObj(todayObj){
 for(var key in todayObj){
  if(/^.*出生.*$/.test(key)){
   doBirthday(todayObj[key]);
  }
  if(/^.*假日.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*风俗.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*逝世.*$/.test(key)){
   doDeath(todayObj[key]);
  }
  if(/^.*事记.*$/.test(key)){
   doMemorabilia(todayObj[key]);
  }
 } 
}

parserTodayObj(todayObj);

function doBirthday(birthdays){
 if(birthdays.length != 0){

  $(document.body).append("<h3>出生</h3>");
  for (var i = 0; i < birthdays.length; i++) {
   var birthdayitem = birthdays[i];
   $(document.body).append("<p>"+birthdayitem+"</p>");
  };
 }
}

function doHoliday(holidays){
 if(holidays.length != 0){

  $(document.body).append("<h3>节日</h3>");
  for (var i = 0; i < holidays.length; i++) {
   var item = holidays[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doDeath(deaths){
 if(deaths.length != 0){

  $(document.body).append("<h3>逝世</h3>");
  for (var i = 0; i < deaths.length; i++) {
   var item = deaths[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doMemorabilia(memorabilias){
 if(memorabilias.length != 0){

  $(document.body).append("<h3>重大事件</h3>");
  for (var i = 0; i < memorabilias.length; i++) {
   var item = memorabilias[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

时间： 2024-10-23 14:12:47

代码获取历史上的今天发生的事_基础知识的相关文章

代码获取历史上的今天发生的事

 这篇文章主要介绍了代码获取历史上的今天发生的事,数据来源于wiki,需要的朋友可以参考下 历史上的今天json接口 ,分享给大家,数据来源于wiki    代码如下: //http://history.sturgeon.mopaas.com //主页 //http://history.sturgeon.mopaas.com/jsonp?callback=?  //jsonp接口 //http://history.sturgeon.mopaas.com/jsonp  //json接口 //htt

HTML代码中标签的全部属性 中文注释说明_基础知识

例:写一段图片HTML代码 <img src="http://localhost/phpwind6/zx/6.jpg" id="imgs" lang="en-us" alt="测试"> 该标签为img的代码中已可以看出已含有了四个属性,包括src id lang alt,加上本身的img标签有5个属性. 那么该img标签在正常的情况下倒底还含有多个属性?(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附

深入理解JavaScript系列（45）：代码复用模式（避免篇）详解_基础知识

介绍 任何编程都提出代码复用,否则话每次开发一个新程序或者写一个新功能都要全新编写的话,那就歇菜了,但是代码复用也是有好要坏,接下来的两篇文章我们将针对代码复用来进行讨论,第一篇文避免篇,指的是要尽量避免使用这些模式,因为或多或少有带来一些问题:第二排是推荐篇,指的是推荐大家使用的模式,一般不会有什么问题. 模式1:默认模式 代码复用大家常用的默认模式,往往是有问题的,该模式使用Parent()的构造函数创建一个对象,并且将该对象赋值给Child()的原型.我们看一下代码: 复制代码 代码如下:

在浏览器窗口上添加遮罩层的方法_基础知识

如何在浏览器窗口上添加一个遮罩层 背景 在web2.0中,页面弹窗是一个很常见的交互方式,这样既可以避免不必要的页面跳转,也可以改进界面的布局和可交互性. 但是,浏览器原生的弹窗函数(alert, confirm, prompt)有着很大的局限性,主要是它们的展现UI一来很不美观,二来也不够灵活,因此,我们经常需要自行定义弹窗函数. 当我们要实现一个模式弹窗时(模式弹窗,即是说出现弹窗时,页面其它地方不可点击),通常的做法是用一个div将整个页面窗口遮挡住. 实现 下面,我们一步步地实现一种较为

js获取下拉列表的值和元素个数示例_基础知识

js获取下拉列表框元素的个数 复制代码 代码如下: <!DOCTYPE html><html><head><script>function getLength(){alert(document.getElementById("mySelect").length);//元素个数}</script></head><body> <form><select id="mySelect&

JS获取各种宽度、高度的简单介绍_基础知识

有时候项目中会用到用js获取元素位置来定位元素,首先通过图片说明scrollWidth,clientWidth,offsetWidth的关系. JS获取各种宽度.高度的简单介绍: scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 of

通过一段代码简单说js中的this的使用_基础知识

今天有朋友说遇到如下代码,让我帮解释原因 复制代码 代码如下: var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return this.name; }; } }; alert(object.getNameFunc()());原因是js的this是动态决定的,和你调用方式有直接关系. 简单说如果你调用一个函数

JavaScript 表单处理实现代码_基础知识

一 表单介绍 在HTML中,表单是由<form>元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型; // HTMLFormElement继承了HTMLElement;因此它拥有HTML元素具有的默认属性,别且还独有自己的属性和方法;HTMLFormElement属性和方法属性或方法 说明 acceptCharset 服务器能够处理的字符集; action 接受请求的URL; elements 表单中所有控件的集合; enctype 请求的编码类型; l

在HTML中插入JavaScript代码的示例_基础知识

 在HTML文档中的任何地方可包括JavaScript代码.但也有以下的最佳方法来包含JavaScript在HTML文件.     在 <head>...</head> 部分.     在 <body>...</body> 部分.     在<body>...</body> 和<head>...</head> 部分.     脚本和外部文件,然后包括在<head>... </ head>