<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>404</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            background-color: #FAFAFA;
        }

        .container {
            display: flex; /*设置Flex布局 */
            justify-content: center; /*水平居中*/
            align-items: center; /*垂直居中*/
            height: 100vh; /*确保容器高度为视窗高度*/
        }

        .errImg {
            width: 200px;
            height: 200px;
            background: url("image/400.png") 0 0 no-repeat;
            background-size: 100% 100%;
            margin: auto;
        }

        #errHint {
            font-weight: normal;
            font-size: 15px;
            color: #303542;
            margin-top: 20px;
            margin-bottom: 40px;
        }

        input {
            border: none;
            font-weight: normal;
            font-size: 14px;
            width: 120px;
            height: 40px;
            border-radius: 4px 4px 4px 4px;
        }

        #back {
            background: #5097FB;
            color: #FFFFFF;
        }

        .center {
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="center">
        <div class="errImg"></div>
        <div id="errHint"></div>
        <div>
            <input type="button" value="" id="back" onclick="goBack()">
        </div>
    </div>
</div>
</body>
</html>

<script>
    var language = navigator.language || navigator.userLanguage     //获取浏览器当前语言
    var lang = language.toLowerCase()
    var errHint = document.getElementById('errHint')
    var back = document.getElementById('back')
    if (lang.indexOf('zh') !== -1 || lang.indexOf('cn') !== -1) {
        errHint.innerText = '抱歉，你访问的页面不存在!'
        back.value = '返回'
    } else {
        errHint.innerText = 'Sorry, the page you visited does not exist!'
        back.value = 'Return'
    }

    function goBack() {
        window.history.go(-1)
    }
</script>