我写的还挺费劲呢,不说费话, 直接上代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>随机名人名言</title>
<script type="text/javascript">
/**
 * Get on random dictum from https://v1.alapi.cn/api/mingyan
 */
//用于创建XMLHttpRequest对象 
function createXmlHttp() {
    //根据window.XMLHttpRequest对象是否存在使用不同的创建方式 
    if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式 
    } else {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE浏览器支持的创建方式 
    }
}
//直接通过XMLHttpRequest对象获取远程网页源代码 
window.onload = function getSource() {
    //获取目标地址信息 
    var url = "https://v1.alapi.cn/api/mingyan";
    document.getElementById("dictum").innerHTML = "正在加载名言 ..."; //提示正在加载 
    createXmlHttp(); //创建XMLHttpRequest对象 
    xmlHttp.onreadystatechange = writeSource; //设置回调函数 
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}
//将远程网页源代码写入页面文字区域 
function writeSource() {
    if (xmlHttp.readyState == 4) {
        const json = xmlHttp.responseText;
        const obj = JSON.parse(json);
        if (obj.code == 200) {
            document.getElementById("dictum").innerHTML = obj.data.content + '-「' + obj.data.author + '」';
        } else document.getElementById("dictum").innerHTML = "加载失败";
    }

}
</script>
</head>

<body>
<p id="dictum">正在加载名言 ...</p>
</body>
</html>