«

js文字加载

XunQiu 发布于 阅读：13 代码教程（html语言、python语言等）

js文字加载

🎉 功能

⚙️ 教程

首先，我们应当知道，属性名id可以放在元素内，例：

<p id="text"></p>

然而js可以通过document.getElementById来读取id，并编辑内容，例：

let value = document.getElementById("text");//这里写上id名称
value.innerHTML = "欢乐工坊"；//在这写入文字

或者使用更简单的方式

document.getElementById("text").innerHTML = "欢乐工坊";//在这写入文字

如果你的文字较多，可以使用function来美观，例：

function loadText(){
    document.getElementById("text").innerHTML = "欢乐工坊";
    document.getElementById("text2").innerHTML = "小夜";
};

到了现在，你就会发现：不函数运行. 为了解决这个问题，我们可以使用window.onload运行，例：

function a(){
    //body
};
window.onload = a;

或者使用document.addEventListener

document.addEventListener("DOMContentLoaded", function a(){
    //body
});

为了美观，可以换成另一种方式，运行结果不变

function a(){
    //body
};

document.addEventListener("DOMContentLoaded", a);

⚠️js文件应以script方式内嵌式引入或外部引入的方式引入html

⚠️window.onload和document.addEventListener使用多次后，所有函数会不运行，需少次使用

本教程由XunQiu独立制作，下个教程将引入JSON来方便管理文字

js

收藏