尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

前端day5

前端day5
📅 发布时间:2026/7/9 2:48:54

1、今日重点:
①、对象的定义语法。

概念作用:引用对象的一种;用来定义一个对象的各项数据。

let 对象名 = { 属性名1:属性值1, 属性名2:属性值2, 方法名(参数){ 方法体;//对象里有就用this调用 return 结果; } .... 属性名n:属性值n }


②、访问对象中的属性和方法。

修改:对象名.属性名=新属性值; 查找:对象名.属性名; 追加:对象名.新属性名=属性值; 删除:delete 对象名.属性名; 有返回值:let 变量=对象名.方法名(参数); 无返回值:对象名.方法名(参数)


③、location实现页面跳转。

location.href = "https://www.baidu.com";


④、DOM操作步骤。

1.获取元素对象(css选择器) (1)少量元素 document.querySelector('#id');//id选择器 document.querySelector('.cls');//类选择器 document.querySelector('div');//标签选择器 (2)大量元素 document.querySelectAll('css选择器'); 2.通过元素对象操作标签 (1)操作内容:元素对象.innerHTML='内容' (2)操作输入框中的内容:元素对象.value='内容' (3)操作属性:元素.(html)属性名=属性值 (4)操作样式: 元素对象.style.样式名='样式值'; 元素对象.className='class类名'; 元素对象.className +='class类名'; 元素对象.classList.add('class类名');


⑤、事件的绑定语法(addEventListener方式)。

document.querySelector('css选择器').addEventListener('事件类型',()=>{...}) eg. 按钮对象.addEventListener('click',()=>{...}) 输入框对象.addEventListener('blur',()=>{...}) 输入框对象.addEventListener('focus',()=>{...}) 表单对象.addEventListener('submit',()=>{...})

相关新闻

  • Grok-1 314B MoE 模型部署实战:8xA100 服务器配置与 300GB 权重下载指南
  • 昆仑万维四大AI模型解析:从世界模型到视频生成的应用指南
  • 长期 Agent 的记忆问题:过去什么时候还有资格影响现在

最新新闻

  • 2026大庆黄金回收白银回收铂金回收工商备案可查全城上门回收旧金老店联系方式推荐
  • 告别胶水代码与算力瓶颈:DCS Genpilot 多组学 AI 智能体一站式生信分析实践方案
  • Vyrex-9K 落地千校:AI 因材施教从概念走向规模化应用
  • RuView 新手快速上手指南
  • 国巨PA0402系列汽车级电流检测电阻是汽车电子的“电流之眼“
  • 特征选择实战:Sklearn 3大方法(Filter/Wrapper/Embedded)对比与20维数据集应用

日新闻

  • SQL 查询语句的标准逻辑执行顺序(即语义处理顺序),它与实际书写顺序不同,但决定了数据库如何解析和执行查询
  • ORB-SLAM2 重定位模块深度解析:从 BoW 候选帧到 PnP 优化的 6 步流程
  • 罗技鼠标宏压枪脚本终极指南:从原理到实战的完整解析

周新闻

  • 基于YOLOv12的番茄成熟度智能检测系统开发
  • 终极RimWorld模组管理指南:用RimSort告别模组冲突烦恼
  • AI Agent框架开发:从理论到实践的完整指南

月新闻

  • 2026年6月公司网站搭建最新热门渠道测评:四大低成本/零代码平台对比+避坑
  • 【Linux】Linux arm 编译QT程序,出现expected “}“报错
  • 【MATLAB例程】四基站二维AOA定位与距离辅助增强对比仿真。基于角度观测和测距修正的固定目标平面定位精度分析

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号