网站随机一句美文代码,使用一言给网站加上随机一段话

相信很多人都看到过别人的网站在博客右边栏里面会有一句随机的美文,你点一下就会换一句,增加点击率确实非常有效,接下来我们就说说调用方法

相信很多人都看到过别人的网站在博客右边栏里面会有一句随机的美文,你点一下就会换一句,增加点击率确实非常有效,接下来我们就说说

网页调用使用方法:

<p id="hitokoto">:D 获取中...</p>
<!-- 以下写法,选取一种即可 -->

<!-- 现代写法,推荐 -->
<!-- 兼容低版本浏览器 (包括 IE),可移除 -->
<script src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js"></script>
<!--End-->
<script>fetch('https://v1.hitokoto.cn').then(function (res){return res.json();}).then(function (data) {var hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = data.hitokoto; 
    }).catch(function (err) {
      console.error(err);})
</script>

<!-- 老式写法,兼容性最忧 -->
<script>var xhr = new XMLHttpRequest();
  xhr.open('get', 'https://v1.hitokoto.cn');
  xhr.onreadystatechange = function () {if (xhr.readyState === 4) {var data = JSON.parse(xhr.responseText);var hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = data.hitokoto;}}
  xhr.send();
</script>

<!-- 新 API 方法, 十分简洁 -->
<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>

给TA买糖
共{{data.count}}人
人已赞赏
网站教程

Nginx配置证书,给网站添加https

2018-12-21 0:48:00

网站教程

手机输入这串神秘代码进入工程模式,手机问题全明白!

2018-12-22 13:31:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索