«

js引用json加载文字

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

js引用json加载文字

🎉 特点

👀 前言

根据js文字加载，我们了解到可以使用js加载文字，没有看的建议看一看

js文字加载

本教程应与js文字加载配合使用

⚙️ 了解json

首先，我们需要了解什么是json

json是一种轻量级的数据交换格式。它的使用范围很广，并成为 ECMA 标准，可以被使用在多种编程语言中，用于前后端之间的数据传输、存储和交换数据。可以说是“用更少的编码，有更快的处理速度”，所以深受广大程序员的喜爱

以上介绍来源

我们先来看两个json示例

[
    {
        "name": "小夜",
        "age": "114514"
    },
    {
        "name": "荣荣",
        "age": "54188"
    }
]
let text = [
    {
        "name": "小夜",
        "age": "114514"
    },
    {
        "name": "荣荣",
        "age": "54188"
    }
];

如果仔细看可以发现，第一个是json，第二个是js内部的json，他们有何不同呢？答案是没有什么不同 (#^.^#)

菜鸟教程的json教程（建议看）

了解了json以后，我们就需要开始制作了

⚙️ 教程

我们先来看一个js示例

let loadText = [
    {
        "name": "小夜",
        "age": "114514"
    },
    {
        "name": "荣荣"，
        "age": "54188"
    }
]

function a(){
    document.getElementById("text1").innerHTML = loadText[0].name;
    document.getElementById("text2").innerHTML = loadText[0].age;
    document.getElementById("text3").innerHTML = loadText[1].name;
    document.getElementById("text4").innerHTML = loadText[1].age;
}

window.onload = a;

我们可以看到，创建了一个json然后用loadText[].value引用它,如果只有一个{}的话[1]这种可以不用写，直接写loadText.name就好了

可能有人会问：为什么一开始是0,然后才是1呢？答案是:因为在操作系统中不管存储的是文件还是其他数据，操作系统都是只记录了他的开头地址而默认的将开头地址当作1，其他的地址就用1加上偏移量来得到，所以如果要表示头地址只能从0下标开始而不是1不然将会丢失开头地址 (感觉像是废话awa)

本回答的来源

只需要像示例那样，就可以做成功的

👀最后

⚠️json的顺序是0、1、2···

本教程由XunQiu独立制作

js json

收藏