搜索 豆瓣
<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="不超过150个字符">
<meta name="keywords" content="">
<title>js</title>
<link rel="stylesheet" type="text/css" href="">
</head>
<style type="text/css">
#q{
width: 300px;
height: 30px;
padding: 5px;
border: 1px solid #000;
font-size: 16px;
}
dl{
border-bottom: 1px dashed #000;
}
dt{
font-weight: bold;
}
</style>
<body>
<script type="text/javascript">
function fn1(data){
var oMsg = document.getelementbyid('msg');
var oList = document.getElementById('list');
console.log(data);
oMsg.innerHTML = data.title.$t+' : '+ data['opensearch:totalResults'].$t;
var aEntry = data.entry;
var html = '';
for(var i=0;i<aEntry.length;i++){
html +='<dl><dt>'+aEntry[i].title.$t+'</dt><dd><img src="'+aEntry[i].link[2]['@href']+'"/></dd></dl>'
}
oList.innerHTML = html;
}
</script>
<script type="text/JavaScript">
window.onload = function(){
var oQ = document.getElementById('q');
var oBtn = document.getElementById('btn');
var oMsg = document.getElementById('msg');
var oList = document.getElementById('list');
oBtn.onclick = function(){
if(oQ.value !=''){
var oScript = document.createElement('script');
oScript.src = 'http://api.douban.com/book/subjects?q='+oQ.value+'&alt=xd&callback=fn1';
document.body.APPendChild(oScript);
}
}
}
</script>
<input type="text" id="q"/><input type="button" id="btn" value="搜索"/>
<hr/>
<p id="msg"></p>
<p id="list"></p>
</body>
</html>
相关阅读
修订记录1.概述1.1 项目背景据2015年统计，国内的教育培训机构约 140 万家。其中，年营收在 350 万元以下的小微型教育机构有 120 万
大家注意了没有：我在用户生命周期种，一直没有提到RFM模型种的M值，也就是用户消费金额。为什么?因为用户生命周期，只和用户消费行为有
业务类系统，一般包括crm、供应链、物流等，而这些系统的架构设计非常具有挑战性。文章主要跟大家分享的就是一整套业务系统产品技术
产品数据报告是产品和运营人必不可少的工作，无论是周报、月报，还是新版本表现的分析报告，都需要在围绕报告目标的基础上，对数据进行整
每年开始，我们都喜欢立个新的flag，但到了总结和结束的时候，往往会发现需要完成的事依旧没完成。那么，对于计划做事有没有什么更好的办