基于之前做的足球网站,使用了json,把文字部分上传到了GitHub。通过按钮调用,使文字显示在网页上。
但是因为技术原因,导致不能从GitHub上引用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Liverpool FC</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/team logo.css" />
</head>
<!-- 头部 -->
<body>
<div class="intro">
<h1>This is Anfield!</h1>
<div class="container">
<p style="color:red">You Will Never Walk Alone!</p>
<hr size="70px" color="black">
</div>
</div>
<ul>
<li class="li1"><a href="静态网页.html">首页</a></li>
<li class="li2"><a href="一线队.html">一线队</a></li>
<li class="li3"><a href="希尔斯堡.html">希尔斯堡</a></li>
<li class="li4"><a href="队徽.html">队徽</a></li>
<li class="li5"><a href="球衣.html">球衣</a></li>
</ul>
<div id="wrap" class="main-wrap">
<div class="row-left">
<div class="page-inner">
<div class="entry">
<p class="pic">
<img src="image/队徽.jpg" alt>
</p>
<button onclick="a()">查看详情</button>
<p id="a">
</p>
</div>
</div>
</div>
</div>
<script>
var json={
"a":"利物鸟一直以来都是足球队的象征。利物鸟来源于利物浦市的城徽,从20世纪之初开始就被沿用至今——最开始是被印在1901年联赛冠军的奖牌上发给球员。随后也出现在1922年联赛冠军庆典的旗帜上。大约30年过去,利物鸟才首次在1950出现在利物浦的球衣上。那时候利物浦历史上第二次打入足总杯决赛,并且是第一次站在温布利大球场上。这是利物浦历史上最值得纪念的日子之一,那只白色的利物鸟站在一个基座上,背面是一个红色的盾牌,骄傲地装饰着白色的客场球衣。在未来5年里的某些客场比赛,利物浦会穿上温布利之战的那件白色球衣。一直到了1955-1956赛季的中段,利物鸟才光荣地出现在主场的球衣上。那是一个新的设计——依旧骄傲站立的红色利物鸟的背面是一个白色的椭圆补丁,下面L.F.C.的字样清晰可见。球衣上的这个队徽一直沿用了14年之久,见证了V领到圆领的演变,也见证了全身红色球衣的面世。当然,也有一个难忘的例外。那是利物浦球迷难以忘怀的一天,1965年5月1日,利物浦在温布利大球场上演的足总杯决赛中对阵利兹,一只白色的利物鸟被绣在红色的球衣上,而不是通过补丁绣在球衣上。那天晚上,罗杰-亨特和伊恩-约翰的进球锁定了那场比赛的胜利。1968年,利物鸟的周边少了椭圆的补丁和脚下的基座,只有它自己骄傲地绣在球衣上。这个最新的更为简约的设计首次出现在那个赛季的揭幕战上,那时球队在主场4-1战胜切尔西。 <br>在接下来的20年里,这个版本的利物鸟见证了利物浦在国内外赛场的空前成就。随着一座又一座的奖杯被带到安菲尔德大本营,利物鸟在1976-1977赛季开始前从白色变成了金黄色。一直到了1985-1986双冠王赛季,利物鸟才重回白色。在1977年的欧洲联赛杯决赛中,利物鸟发生了一个小变化。它的周边被一个双边圆包围着,里边写上了当天比赛的信息。1987年的夏天,安菲尔德发生了翻天覆地的变化。伊恩-拉什加盟尤文图斯,球队签下了约翰-巴恩斯和彼得-比尔兹利以替代拉什。自从70年代一直被用作管理和招商的官方俱乐部队徽也首次出现在了球衣上。利物鸟当然还是队徽的主角,背景是一个盾牌,下方则不再是L.F.C.首字母了。为了庆祝俱乐部成立100周年,队徽在1992年发生了变化。一只形状更小的利物鸟出现在了这个崭新的设计里。到了2012年的夏天,1970年代末和1980年代初的那只金黄色利物鸟重新出现,回到了利物浦的新勇士球衣上。"
};
var an=false;
function a()
{
if(an==false)
{
document.getElementById("a").innerHTML=json.a;
an=true;
}else
{
document.getElementById("a").innerHTML=" ";
an=false;
}
}
</script>
</body>
</html>
![](https://img2018.cnblogs.com/blog/1480076/201811/1480076-20181125204927646-1985817947.png)