位置: 编程技术 - 正文

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方案(微信小程序吸血鬼 豹女)

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

  • 个人独资企业的责任承担
  • 投资性房地产公允价值变动
  • 股权转让的相关文件有哪些
  • 企业所得税的纳税义务人不包括下列哪类企业
  • 开发商交的税费是什么
  • 税务规定先收款后开票,合同约定先收票再付款
  • 待认证进项税额认证以后怎么做分录
  • 金蝶k3审核过账在哪里
  • 城市维护建设税减免税优惠政策
  • 土地增值税筹划实战
  • 水泥销售成本怎么算
  • 动漫版权交易
  • 企业计提预提费用的会计分录如何编制?
  • 购买方和销售方一样可以报销吗
  • 汽油费能计入办公费吗
  • 税控技术服务费计入什么科目
  • 增值税普通发票有什么用
  • 建筑行业劳务费开发票可以开工程款吗?
  • 进项税额转出与销售额配比异常
  • 电商企业收入成本如何核算
  • 本月开了红字发票可以退税吗
  • 办公室电话费
  • 企业买进基金用什么账户
  • 工业企业出售厂房需要预缴税款吗
  • 建筑工程分包怎么纳税
  • 充值至他人支付账户
  • 火狐浏览器下载安装
  • 在win7系统中文件属性有哪些
  • 增值税进项税已勾选没确认能自动生成吗
  • 提供建筑安装服务
  • 鸿蒙2.0 更新
  • 在win7系统中将打开窗口拖到屏幕顶端
  • 外币交易犯法吗
  • 土地价款扣除会计分录
  • 库存商品交增值税吗
  • 美团收购联联
  • 金融企业贷款损失税前扣除
  • 哪些税是季报
  • 中药饮片增值税率是多少
  • 当月纳税申报期是什么意思
  • 技术安装工人包食宿
  • 购买其他权益工具投资时发生的交易费用
  • 个人名义开工程发票税率是多少
  • 核定征收适用于什么税率
  • 社保缴费基数如何核定
  • 厂房测量费怎么做账
  • 职工福利费支出不超过工资薪金总额的
  • 银行贷款如何做到量价平衡管理
  • 所得税季度申报弥补以前年度亏损
  • 支付宝已经支付快递费怎么还支付
  • 增资扩股步骤
  • 计提员工工资是什么意思
  • 参展企业收到展览费用
  • 支付贷款利息的现金流量怎么指定?
  • 非包销的视同买断的账务处理是?
  • 工会经费计提比例0.8%
  • 工人的工资占企业的比例
  • 个体工商户如何缴纳社保
  • 应用商店升级版
  • Win10 PC/Mobile Creators快速预览版14959今日推送
  • xp系统连接共享文件夹
  • ubuntu20.04软件安装
  • fedora 10
  • 如何修复win7系统文件损坏
  • 无光驱无u盘重装系统
  • ubuntu14升级
  • windows mobile10
  • PadExe.exe - PadExe是什么进程 有什么用
  • 电脑已禁用ime是什么
  • unity 3d
  • OpenGL Tips: 在Visual C++中调用FreeGLUT
  • python的入门教程
  • jquery中绑定事件
  • jquery的方法get做什么
  • js nextSibling属性和previousSibling属性概述及使用注意
  • python django运行
  • python多线程怎么用
  • 税务局高风险是怎么办
  • 个人以土地投资入股都需缴纳哪些税
  • 浙江国地税联合税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设