JavaScript中JSON和Bom对象模型

JSON

  • JSON是一种轻量级的数据交换格式

  • 简洁和清晰的层次结构使得JSON成为理想的数据交换语言

  • 易于人们解析和生成,并有效的提升网络传输效率

  • javaScript一切皆为对象,任何js支持的对象都可以使用JSON来表示

  • 格式: 对象都用[]

  • 数组都用{}

  • 所有的键值对都用key:value

  • JSON和JS的对象转化

  • let user = {name: "消逝",age: 23,max: '男'
    }
    //对象转化为json字符串{"name":"消逝","age":23,"max":"男"}
    let jsonuer = JSON.stringift(user);
    //json字符串转化为对象 参数为JSON字符串
    let obj = JSON.parse('{"name":"消逝","age":23,"max":"男"}');
    //输出的语句是console.log(obj)
    ​

  • Bom对象模型

  • 代表浏览器对象模型(Browser Object Model),它是浏览器提供的 JavaScript API,用于与浏览器窗口和浏览器本身进行交互

  • 获取当前网页的URL:

  • const currentURL = window.location.href;
    console.log(currentURL);
  • 设置和获取Cookies:

  • // 设置一个名为 "username" 的 Cookie
    document.cookie = "username=John Doe";
    ​
    // 获取 Cookie 值
    const username = document.cookie;
    console.log(username);
     
  • 导航到其他页面:

  • window.location.href = "跳转页面的地址";
  • 获取浏览器信息

  • const web = window.navigator.appName;
    const web_v = window.navigator.appVersion;
    console.log(`浏览器名称: ${web}, 版本: ${web_v}`);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/111954.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

酷克数据发布HD-SQL-LLaMA模型,开启数据分析“人人可及”新时代

随着行业数字化进入深水区,企业的关注点正在不断从“数字”价值转向“数智”价值。然而,传统数据分析的操作门槛与时间成本成为了掣肘数据价值释放的阻力。常规的数据分析流程复杂冗长,需要数据库管理员设计数据模型,数据工程师进…

STP生成树协议详解

一、STP作用 如果链路断开或节点故障,那么互联的设备就无法正常通信了,这类网络问题叫做单点故障。没有备份的链路或节点,出现故障会直接断网。如果要提供 724 小时不间断的服务,那就需要在网络中提前部署冗余。避免出现单点故障…

Python爬虫零基础入门教程

文章目录: 一:Python基础 二:爬虫须知 1.流程 2.遵守规则 三:HTTP请求和响应 1.相关定义 2.HTTP请求响应 2.1 完整的HTTP请求 2.2 完整的HTTP响应 3.Requests库 四:HTML 1.HTML网页结构 2.常用标签 3.…

前端包管理器的工具,npm和Yarn以及pnpm是最常用的

目录 前言npm (Node Package Manager)npm简介npm的优势npm常用指令 YarnYarn简介Yarn的优势Yarn常用指令 pnpmpnpm简介pnpm的优势pnpm常用指令 npm、Yarn和pnpm这三种前端包管理工具的对比性能比较特点和用例比较选择依据 👍 点赞,你的认可是我创作的动力…

快速入门python机器学习

文章目录 机器学习概述1.1 人工智能概述机器学习与人工智能、深度学习1.1.2 机器学习、深度学习能做些什么 1.2 什么是机器学习1.2.1 定义1.2.2 解释1.2.3 数据集构成 1.3 机器学习算法分类1.3.1 总结1.3.2 练习1.3.3 机器学习算法分类 1.4 机器学习开发流程(了解&a…

Java封装JDBC通用工具类

Java封装通用工具类 一、JDBC配置类二、配置文件三、通用工具类 一、JDBC配置类 import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.IOException; import java.io.InputStream; import java.sql.*; import java.util.Properties;public …

centos安装supervisor和配置进程

使用 yum 安装 Supervisor: sudo yum install epel-release sudo yum install supervisor启动 Supervisor 服务并设置开机启动: sudo systemctl start supervisord sudo systemctl enable supervisord3.验证 Supervisor 是否已成功安装并正在运行 sud…

ubuntu基本操作

好记性不如烂笔头,把一些常用的ubuntu文件操作记录下来 1. 把一个文件夹下的所有文件复制到另一个文件夹下 sudo cp -r source_dir/* aim_dir/ 2. 克隆一个文件夹: 创建一个文件夹dir2,复制dir1中的所有文件到dir2中 cp -r dir1 dir2 3. 命令行查看…

ECharta雷达图 样式调整

预期效果&#xff1a; <template><div id"operationalRisk-radar-chart" class"h-290 w-385"></div> </template><script>export default {name: radarChart} </script> <script setup>import { onMounted, r…

Arduino驱动BMM150三轴地磁传感器(惯性测量传感器篇)

目录 1、传感器特性 2、硬件原理图 3、控制器和传感器连线图 4、驱动程序

day39

今日内容概要 数据库数据的演变史 数据存储的发展史 数据库的本质 数据库的分类 SQL与nosql的介绍 MySQL的介绍 MySQL的下载与安装 MySQL服务的制作 MySQL如何登录 管理员密码的修改以及忘记密码怎么办 基本的SQL语句(针对库、表、记录的增删改查) 数据库的演变史 …

【数据库】SQL 检索数据

检索数据 基本检索数据检索单个列检索多个列检索所有列检索不同的值限制检索数量 注释规则排序检索数据单列排序多列排序按列位置排序指定排序方向 基本检索数据 检索单个列 从 Products 表中检索一个名为 prod_name 的列&#xff1b; SELECT prod_name FROM Products;该 s…

CleanMyMac X4.14.4最新免费版本功能介绍

最新版CleanMyMac X 让您的Mac焕然一新&#xff0c;时刻保持安全&#xff01;CleanMyMac X是一款专业的Mac清理软件&#xff0c;可智能清理mac磁盘垃圾和多余语言安装包&#xff0c;快速释放电脑内存&#xff0c;轻松管理和升级Mac上的应用。同时CleanMyMac X可以强力卸载恶意软…

GEO生信数据挖掘(八)富集分析(GO 、KEGG、 GSEA 打包带走)

第六节&#xff0c;我们使用结核病基因数据&#xff0c;做了一个数据预处理的实操案例。例子中结核类型&#xff0c;包括结核&#xff0c;潜隐进展&#xff0c;对照和潜隐&#xff0c;四个类别。第七节延续上个数据&#xff0c;进行了差异分析。 本节对差异基因进行富集分析。 …

大咖云集,智慧碰撞|第 18 届 CLK 大会完整议程揭晓(内附报名通道)

自 2006 年以来&#xff0c;在国内 Linux 技术爱好者和行业公司的鼎力支持下&#xff0c;中国 Linux 内核开发者大会已走过 17个年头&#xff0c;是中国 Linux 内核领域最具影响力的峰会之一。今年的中国内核开发者大会依然秉承历届理念&#xff0c;以“自由、协作、创新”为理…

Kotlin协程简介

文章目录 官网地址1 来源2 出现原因3 特点1&#xff09; 轻量2&#xff09;内存泄漏更少3&#xff09;内置取消支持4&#xff09;Jetpack 集成 4 依赖项信息5 在后台线程中执行6 使用协程确保主线程安全7 处理异常 官网地址 https://developer.android.google.cn/kotlin/corou…

挑战分布式架构,解密Java在业务场景下的高效应用面试题目介绍常用的通信方式有哪些请分别说明各自的特点和适用场景

本人详解 作者:王文峰,参加过 CSDN 2020年度博客之星,《Java王大师王天师》作者 公众号:山峯草堂,非技术多篇文章,专注于天道酬勤的 Java 开发问题、中国国学、传统文化和代码爱好者的程序人生,期待你的关注和支持!本人外号:神秘小峯 转载说明:务必注明来源(注明:…

Python-Python高阶技巧:闭包、装饰器、设计模式、多线程、网络编程、正则表达式、递归

版本说明 当前版本号[20231018]。 版本修改说明20231018初版 目录 文章目录 版本说明目录Python高阶技巧闭包简单闭包修改外部函数变量的值实现以下atm取钱的闭包实现了闭包注意事项 装饰器装饰器的一般写法&#xff08;闭包写法&#xff09;装饰器的语法糖写法 设计模式单例…

x86 架构的机载计算机,它来了!

Allspark 2-x86采用Intel酷睿11代或12代CPU&#xff0c;x86架构&#xff0c;适用于无人机等机器人运行SLAM、VIO等复杂逻辑和高精度的机器视觉任务。预装 Ubuntu 22.04或Windows 11&#xff0c;满足多种使用场景。 市面上现有的一些NUC产品&#xff0c;不仅没有针对移动机器人使…

【数据结构】线性表(三)循环链表的各种操作(创建、插入、查找、删除、修改、遍历打印、释放内存空间)

目录 线性表的定义及其基本操作&#xff08;顺序表插入、删除、查找、修改&#xff09; 四、线性表的链接存储结构 1. 单链表 2. 循环链表 a. 循环链表节点结构体 b. 创建新节点 c. 在循环链表末尾插入节点 d. 删除循环链表中指定值的节点 e. 在循环链表中查找指定值的…