如何使用javascript棋盘chessboard.js？
我试图在这里使用javascript棋盘：http://chessboardjs.com/。不幸的是，我不懂javascript或CSS，而且在HTML中有些生疏，所以我不理解文档，尽管这似乎是一个标准的javascript棋盘。
如何准确地安装和使用此软件包来呈现棋盘？这些“示例”都是HTML或javascript的片段，如果没有嵌入到工作的web页面中，对我来说毫无用处。当复制到我的主目录时，要示例的网页的源不能工作。例如，这里的网页http://chessboardjs.com/examples/1000声称呈现和空板，并在它们的服务器上这样做，但是当我将源代码复制到本地目录时，只有一个空白页呈现。无论如何，该页面的源代码对我来说都没有意义，例如，它引用了"js/chessboard.js“和"js/json3.min.js”文件，这两个文件都不在发行版中。(在发行版中将"chessboard.js“替换为javascript文件的名称时，呈现也不起作用)。
我认为这个问题与在哪里搜索img文件以及文件存储在哪里有关。据推测，对于javascript专家来说，这些都是显而易见的，所有这些都隐含在这个包中，并且从未在文档中得到解释。
因此，我想要的是一个文件foo.html，当它被复制到我的本地机器时，它将使用chessboard.js源代码呈现一个棋盘。
回答 1
Stack Overflow用户
发布于 2016-08-12 22:56:45
创建一个新的文本文件，并将其粘贴到内部：
<!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或.htm扩展保存它。
接下来，从他们的下载页面下载它们的发行版。打开文件夹。
接下来，将HTML文件放在与解压缩发行版中的js、img和css文件夹相同的文件夹中。
双击/运行HTML文件。网址应该是file:///C:/path/to/the/file.html。
你应该看看
https://stackoverflow.com/questions/38927285
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号