Web基础 day02-JavaScript

最新推荐文章于 2024-05-12 12:05:38 发布
最新推荐文章于 2024-05-12 12:05:38 发布
阅读量132 收藏
点赞数
分类专栏： Web基础 文章标签： JavaScript DHTML js语法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43040182/article/details/84977823
版权

JavaScript

在这里插入图片描述

DHTML-动态HTML

在这里插入图片描述

SmileKiller1994
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web前端学习-day03-JavaScript
Javaw1212的博客
08-26 3917
交互性强: 由于JS语言是嵌入到HTML页面中undefined最终执行在客户端的浏览器中的语言undefined和用户是直接接触undefined Java语言是运行在服务器的语言undefined 用户需要进行交互的话必须通过网络才可以undefined所以JS语言的交互性会更强.==和===区别: ==先统一等号两边变量的类型 再比较值undefined ===先比较两个变量的类型undefined类型一致后再比较值. "666"==666 true "666"===666 false。...
web-day-26-javascript-project-bank-website
05-25
web-day-26-javascript-project-bank-website
web前端－JavaScript 运算符 －013
helloMr_wo的博客
10-12 673
JavaScript 算术运算符y=5，下面的表格解释了这些算术运算符： 运算符 描述 例子 x 运算结果 y 运算结果 + 加法 x=y+2 7 5 - 减法 x=y-2 3 5 * 乘法 x=y*2 10 5 / 除法 x=y/2 2.5 5 % 取模（余数） x=y%2 1 5
JavaScript 逆向 ( 一 ) --- JavaScript 语法基础、逆向技巧
freeking101的博客
05-11 6801
JavaScript 语法基础、逆向技巧
JavaScript - 基础+WebAPI（笔记）
qq_48937489的博客
05-10 4005
输入输出语法、数据类型、运算符、流程控制（分支语句、循环语句）、数组、对象、函数、DOM、事件监听、常用事件、事件对象、事件流、事件委托、日期对象、节点操作、window对象、正则表达式、本地存储
Web前端105天-day63-HTML5_CORE
qq_52810836的博客
12-24 1518
Web前端105天-day63-HTML5CORE
EduCoder_web实训作业--JavaScript学习手册四：JS对象
weixin_45803282的博客
01-07 4236
第一关 //请在此处编写代码 /*********bigin*********/ var student ={ name:a, gender:b, } var myCar=new Car(c,d); var myJob=new Job(); myJob.company=e; /*********end*********/ 第二关 //请在此处编写代码 /*********begin*********/
01-JavaScript基础
itwangyang520的博客
06-16 2482
第0章 课前说明 0.1 学习方法及态度 没有学不会的知识，只有不努力的傻子！！！ 学习的过程很痛苦，不学习的日子是苦难！！！ 0.2 学前准备 1：拒绝一阳指和二指禅； 2：打字练习，及格线： 100/分 3：windows中的常用快捷键 0.3 开发工具 0.3.1 浏览器 浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。 国内网民计算机上常见的网页浏览器有，QQ浏览器、Internet Explorer、Firefox、.
2.web JavaScript基础语法
qq_46235384的博客
05-27 1575
一、JavaScript JavaScript主要用于客户端脚本程序，通常嵌入再HTML代码中，由浏览器解释和运行 1.JavaScript的功能 控制文档的外观和内容：用户可以通过Document对象的write方法将内容写入文档中，也可以调用Document对象的getElementById方法找到文档中某个对象，然后动态的改变其内容和外观 验证表单输入内容：再客户端取得的表单中输入数据并进行验证，只有当数据合法时候才提交给服务器，减轻服务器的处理负荷 实现客户端的计算和处理：从表单中..
JavaScript基础跟我学-day6
2401_84091663的博客
05-12 932
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
JavaScript基础练习_day4
08-27
该题目是关于JavaScript的基础练习题，适用于刚入门前端的新手。着重基础概念的挖掘，会不断更新。
web-dev-day-node
03-17
GDG新德里网络开发人员日这是2019年Web Developer Days系列的第一个CodeLab。 我们正在使用Node.js和Angular创建一个Web应用程序。 这更像是一个不完整的难题，其中包含完成此步骤的步骤： :
web-day-62-bonus-content
03-18
Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行：npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新... 相反，它将所有配置文件和传递依赖项（web
JavaScript基础练习_day7
09-06
该题目是关于JavaScript的基础练习题，适用于刚入门前端的新手。着重基础概念的挖掘，会不断更新。
操作系统期末复习笔记！
06-13
操作系统期末复习笔记
pyzmq-22.0.0-cp38-cp38-manylinux2010_i686.whl
06-13
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
pyzmq-25.1.1b2-cp37-cp37m-win_amd64.whl
最新发布
06-13
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
香港某银行-CRYPTO业务资料
06-13
香港某银行--CRYPTO业务资料
web前端实现制作课程表
06-09
要实现课程表，可以采用以下步骤： 1. 设计数据结构，用于存储课程信息，包括课程名称、时间、地点等。 2. 创建 HTML 页面，可以使用表格等元素来布局课程表。 3. 使用 CSS 样式美化页面，可以设置不同的颜色、边框、字体等样式。 4. 使用 JavaScript 代码动态渲染课程表，根据数据结构中的课程信息，将课程信息填充到 HTML 页面中。 以下是一个简单的示例代码： HTML： ```html <table> <tr> <th></th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> </tr> <tr> <td>第一节</td> <td id="monday-1"></td> <td id="tuesday-1"></td> <td id="wednesday-1"></td> <td id="thursday-1"></td> <td id="friday-1"></td> </tr> <tr> <td>第二节</td> <td id="monday-2"></td> <td id="tuesday-2"></td> <td id="wednesday-2"></td> <td id="thursday-2"></td> <td id="friday-2"></td> </tr> <!-- 其他节次的行 --> </table> ``` CSS： ```css table { border-collapse: collapse; } th, td { border: 1px solid gray; padding: 10px; text-align: center; } th { background-color: lightgray; } #monday-1, #monday-2 { background-color: yellow; } #tuesday-1, #tuesday-2 { background-color: pink; } /* 其他单元格的样式 */ ``` JavaScript： ```javascript // 假设有以下数据 const courses = [ { name: '语文', day: 'monday', start: 1, end: 2, location: '教室A' }, { name: '数学', day: 'tuesday', start: 3, end: 4, location: '教室B' }, // 其他课程的数据 ]; // 遍历数据，将课程信息填充到表格中 courses.forEach(course => { for (let i = course.start; i <= course.end; i++) { const cellId = `${course.day}-${i}`; const cell = document.getElementById(cellId); cell.textContent = course.name + '\n' + course.location; } }); ``` 这样就可以实现一个简单的课程表了。当然，实际开发中还需要考虑更多的细节，比如如何处理课程时间冲突、如何支持不同周的课程表等等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值