我尝试在这里使用 javascript 棋盘：http://chessboardjs.com/。不幸的是，我不懂 javascript 或 CSS，并且对 HTML 很生疏，所以我不理解文档，尽管这似乎是一个标准的 javascript 棋盘。
究竟如何安装和使用这个包来渲染棋盘？ “示例”都是 HTML 或 javascript 的片段，如果不嵌入到工作网页中，对我来说就没用。当复制到我的主目录时，示例网页的源代码不起作用。例如，网页http://chessboardjs.com/examples/1000这里声称要渲染和清空板，并在他们的服务器上执行，但是当我将源复制到本地目录时，只渲染一个空白页面。无论如何，该页面的源代码对我来说没有意义，例如，它引用文件“js/chessboard.js”和“js/json3.min.js”，这两个文件都不在发行版中。 （当“chessboard.js”被替换为发行版中的 javascript 文件的名称时，渲染也不起作用）。
我认为该问题与搜索 img 文件的位置以及文件的存储位置有关。想必这些对于 javascript 专家来说是如此明显，以至于它们都隐含在这个包中，并且在文档中从未进行过解释。
所以，我想要的是一个文件 foo.html，当它复制到我的本地计算机时，将使用 chessboard.js 源渲染一个棋盘。
创建一个新的文本文件，并将其粘贴到其中：
<!DOCTYPE html>
<html>
<head>
<title>Chess</title>
<link rel="stylesheet" href="css/chessboard-1.0.0.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/chessboard-1.0.0.min.js"></script>
</head>
<body>
<div id="board1" style="width: 400px"></div>
<script>
var board1 = ChessBoard('board1', 'start');
</script>
</body>
</html>
然后用.html or .htm扩大。
接下来，从以下位置下载他们的发行版他们的下载页面。并解压文件夹。
接下来，将 HTML 文件放在与js, img, and css解压缩的可分发文件中的文件夹。
双击/运行 HTML 文件。网址应该说file:///C:/path/to/the/file.html.
你应该看到
