有没有办法使用JavaScript在GitHub页面上写入文件? 我想将要在其他地方使用的一些信息保存到JSON文件中(最好是,但txt也可以),想知道是否可能。
有没有办法使用JavaScript在GitHub页面上写入文件? 我想将要在其他地方使用的一些信息保存到JSON文件中(最好是,但txt也可以),想知道是否可能。
如果你不是JavaScript专家,那么你可能想要按照我们的逐步指南进行操作。
在第一个示例中,我们创建了一个名为js.md的Markdown文件。在该Markdown文件中,我们放置了一个带有id“text”的HTML div元素。稍后在该文件中,我们添加了一个脚本标签,并在其中编写了一些简单的JavaScript代码。此代码将定位具有id“text”的元素或div元素,并在元素内部放置出现在赋值右侧的文本。
这里需要记住的主要事项是JavaScript代码必须放在最后,以便在执行时DOM已准备就绪。否则,JavaScript代码将无法找到HTML元素。
examples/github/js.md
<div id="text"></div>
<script>
document.getElementById("text").innerHTML = "Text added by JavaScript code";
</script>
我们的下一步是使用jQuery而不是普通JavaScript。为此,我们只需要从其CDN加载jQuery即可。如果我们已经在加载外部JavaScript文件,则可以将我们的代码移动到外部文件中。因此,我创建了demo.js文件,并使用另一个脚本标记加载它。
这次,我们可以将脚本标记放在任何位置,因为当DOM准备就绪时,jQuery回调函数将仅执行一次。唯一的限制是我们需要在加载jQuery本身之后加载我们的代码。
examples/github/jquery.md
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="/demo.js"></script>
<div id="text"></div>
examples/github/demo.js
$().ready(function() {
$("#text").html("Text added by jQuery code.");
});
最后,我们想要从服务器获取一些数据。由于我们无法在服务器上运行任何内容,因此无法获取动态数据,但是可以将数据存储在JSON文件中,并使用jQuery提供的Ajax方法加载它们。
examples/github/json.md
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="/json.js"></script>
<div id="text"></div>
examples/github/json.js
$().ready(function(){
$.getJSON( "/data.json", function( data ) {
console.log(data);
$("#text").html(data["text"]);
});
});
这是 data.json 文件
examples/github/data.json
{
"text" : "Text supplied in the JSON file"
}