位置: 编程技术 - 正文

html中通过JS获取JSON数据并加载的方法(js获取html自定义属性)

编辑:rootadmin

推荐整理分享html中通过JS获取JSON数据并加载的方法(js获取html自定义属性),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js获取html页面内容在div,js获取url的html,js获取html页面内容在div,js获取html元素内容,js获取html元素内容,js获取html字符串,js获取html元素内容,js获取html属性值的方法,内容如对您有帮助,希望把文章链接给更多的朋友!

在写内容逻辑重复性的页面时,用json数据可以显著提高编程效率,并且便于后期的数据维护。因此,在视频专题页面,需要展示多列视频数据,我选择了用json。

HTML如下(只展示重点部分,需要引用JQ)

html中通过JS获取JSON数据并加载的方法(js获取html自定义属性)

JS如下

注释部分可不看,不影响内容。

首先要新建json文件,json文件需注意的问题是:json对数据格式有要求,不识别url中的各类符号,因此会提示错误,如果不修复,则会阻断JS进程,造成数据在页面不显示,这个问题我找了好久才发现,而且json问题在js中不会报错。解决办法是利用encode方法,格式化url,然后再添加进json即可,在html中应该还要用decode转回来。

第二个坑是插入html到某个标签中,有四个方法,用after就可以实现,不要用反了。

第三点是需要注意,不要在拼接字符串的时候忘掉加号,少一个就会出问题,一个小问题会找好久才发现,而且拼接错误JS不会报错,很难发现。

标签: js获取html自定义属性

本文链接地址:https://www.jiuchutong.com/biancheng/373296.html 转载请保留说明!

上一篇:微信小程序中吸底按钮适配iPhone X方案(微信小程序吸血鬼 豹女)

下一篇:微信小程序实现添加手机联系人功能示例(微信小程序实现人脸识别)

  • 只有增值税专用发票才能勾选抵扣吗
  • 个人所得税核定征收税率是多少
  • 经营用的电饭锅有哪些
  • 金税盘怎么添加领票人
  • 税控盘锁死提示什么
  • 外包人员的工资是费用吗
  • 所得税汇算清缴退税会计分录怎么做
  • 制造费用结转后有没有余额
  • 房地产企业代收的取暖费如何纳税
  • 补交印花税需要调账吗
  • 差额事业单位发放科研奖励记账
  • 净资产出资属于货币出资吗
  • 外账的作用
  • 支付税点怎么做账
  • 母子公司有什么关系
  • 营改增的会计分录
  • 管理费用中的水费电费在纳税申报表A104000
  • 税控盘开票显示操作未授权
  • 增值税扣税凭证抵减销项税额
  • 资产管理人该如何称呼
  • 季报是根据什么制定的
  • 劳务派遣一般纳税人可以简易征收吗
  • 能够影响现金流的因素有
  • 代收房租费
  • 加计抵减申报表填写视频
  • 企业筹建期间的广告费和业务宣传费
  • 简易计税发票如何抵扣
  • mac安装软件提示需要更高版本
  • Win10 Build 19043(21H1最新版)即将推送 更新内容汇总
  • 应付票据包括哪些票
  • 认证未抵扣往哪里记
  • 公司开业前启动大会
  • 当期费用包括哪些科目
  • qq登录界面的设计与实现
  • 坏账准备期末余额怎么计算
  • 高新企业研发费用会计分录
  • php返回值
  • 预支员工报销费用会计科目
  • 本年利润怎么结转到未分配利润分录
  • phpsql查询
  • springboot和vue结合
  • Linux下socket实现网页抓取 Unicorn 博客频道 CSDN.NET
  • 注册资金到位时间填多少年最好
  • 城镇土地使用税征收标准及计算方法
  • 汇款和转账有什么区别吗
  • 出纳收到发票后给会计吗合法吗
  • 增值税发票扩版申请说明
  • 软件销售收入确认时点
  • 小规模纳税人免增值税的政策
  • 小规模企业没有员工如何申报个税
  • 疫情捐款可以抵扣增值税吗
  • 增值税一般纳税人登记管理办法
  • 预收账款挂账多长时间必须确认收入
  • 物流辅助服务费属于什么费用
  • 经营一家淘宝店需要多少钱
  • 出租写字楼写字楼
  • 建筑公司工程上班时间
  • 付境外股东股利要交什么税
  • 投资收益的主要来源有
  • 资产负债表里包括哪两个数据
  • 企业收到劳务费会计分录怎么做账
  • 待抵扣进项税额
  • 会务费可以抵扣进项税额吗
  • 建账有哪些步骤,每个步骤有哪些注意事项
  • windows10pc游戏无法全屏
  • MAC怎么将单独一个应用静音
  • Fedora Core 5.0 安装教程,菜鸟图文教程(linux text)
  • centos 6.6安装教程
  • win7旗舰版使用ie8特别卡怎么回事?
  • win10系统组策略怎么打开
  • win7怎么更改系统字体大小
  • 安卓listview用法
  • jquery 设置背景色
  • unity效率
  • javascript.
  • javascript基础入门视频教程
  • 个体工商户定期定额核定
  • 税务部门意识形态
  • 国税发票如何查真伪查询
  • 地税局网上报税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设