JS基础学习

最新推荐文章于 2024-08-15 08:55:57 发布
最新推荐文章于 2024-08-15 08:55:57 发布
阅读量48 收藏
点赞数
分类专栏： css HTML 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51415379/article/details/125357987
版权
css 同时被 2 个专栏收录
3 篇文章 0 订阅
订阅专栏
HTML
2 篇文章 0 订阅
订阅专栏

目录

创建元素

通过JS设置div样式

追加元素

 注册事件

一张图片

​编辑多张图片

创建元素

此时可以看到在控制台里打印出了所创建的div元素

通过JS设置div样式

此时只有在控制台显示样式

追加元素

此时页面并没有显示有样式的div元素，原因是div并没有写在指定的位置，所以这时候需要将div追加到body里

1.获取body元素

2.  将div追加到body

 注册事件

在点击的同时改变div的宽高和背景颜色

 此时在点击的同时宽高背景颜色都发生了改变

一张图片

多张图片

冬枣0
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript js基础学习 示例代码
07-03
JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础...
JavaScript基础学习
07-10
JavaScript基础学习
js基础学习
m0_55471400的博客
06-27 783
js是javascript的简称，作用是实现页面和用户的交互js由浏览器解析运行，不需要编译js由es基础语法，bom浏览器相关，dom文档操作相关 三大部分组成。
Javascript 基础知识学习
岳来的博客
11-23 7122
javascript 基础学习
JavaScript学习（基础）
m0_49034593的博客
08-19 1287
js基础
JS学习基础
xpmhhh的博客
02-28 1237
1. JS的标准：ECMAScript，简称ES。 ECMAScript是一个标准文档，需要浏览器厂商去实现，不同厂商有不同的实现（不同引擎）。 ES是标准，JS是实现。 2. JavaScript包括3部分： ECMAScript 标准 DOM 文档对象模型 提供一组对象可以操作网页 通过JS操作网页 BOM 浏览器对象模型 提供一组对象可以操作浏览器 通过JS操作浏览器 3. JS语言特点： 解释性语言（不用编译直接运行） 类似于C和Java的语言结构 动态语言 （变量的值任意，可...
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
JavaScript基础学习（2）
码上言
04-25 856
⭐。
Three.js基础学习笔记
qq_38388578的博客
08-16 134
【代码】Three.js基础学习笔记。
JavaScript基础学习点滴第一章
weixin_54957314的博客
05-10 1191
JavaScript基础学习点滴第一章
JavaScript 基础学习计划
weixin_44664352的博客
09-15 322
学习目标： 两周完成JavaScript基础学习 学习内容： JS 简介 【完成时间：9月15日】 JS 使用 JS 输出 JS 语句 JS 语法 JS 注释 JS 变量 JS 运算符 JS 算数 JS 赋值 JS 数据类型 JS 函数 JS 对象 JS 事件 JS 字符串 JS 字符串方法 JS 数字 JS 数字方法 JS 数组 JS 数组方法 JS 数组排序 JS 数组迭代 JS 日期 JS 日期格式 JS 日期获取方法 JS 日期设置方法 JS 数学 JS 随机 JS 逻辑 JS 比较 JS 条件
针对后端开发者的JavaScript基础学习
XIAO_yux的博客
08-07 576
黑马程序员课程学习笔记
js基础学习.txt
03-30
学习基础，切不可盲目，一定要从基础的学起。javascript是web开发必须要学会的语言，这个资料可以让你找到一些适合的方法，有简单的正则表达式，js的简单用法等。欢迎收藏
javascript基础学习代码总结
01-18
还有写对于javascript对应的知识点案例。每个文件里都会有很多的注释信息，方面阅读和学习。 ...2.每个模块代码都有注释可用来...4.适合于没有javascript基础或javascript基础不扎实想要学习js知识点的人群参考和学习。
前端JavaScript基础学习笔记案例
08-02
个人在学习前端JavaScript时的学习笔记，内含JavaScript的中基础知识点，以及案例。里面有兼容市面上浏览器的方法 1.知识点包括：基础语法，字符串操作，object对象，DOM对象，BOM对象，offset，client，scroll对象...
ECMAScript性能优化技巧与陷阱：深入探索与实践
最新发布
Chujun123528的博客
08-15 624
ECMAScript性能优化是一个复杂而细致的过程，需要开发者从多个角度进行考虑和优化。通过合理利用现代JavaScript特性、优化DOM操作、选择合适的算法和数据结构、利用Web Workers等技术手段，可以显著提升JavaScript代码的执行效率。同时，开发者还需要关注全局变量、闭包、eval等性能陷阱，避免不必要的性能开销。此外，性能监控与分析、内存管理、网络层面的优化等也是不可忽视的重要方面。只有综合考虑这些因素，并持续进行性能优化工作，才能为用户提供更加流畅、高效的Web应用体验。
vue3使用pnpm运行项目但是运行不起来
一个努力不被优化的程序员
08-12 179
重新创建项目，将老项目的package.json，vite.config.ts，src等文件拖拽替换。删除node_modules重新下：文字编译乱码，utf-8可能解析处理问题。（如果哪位知道为什么会这样或者怎么解决麻烦留言下）运行项目的时候发现根本运行不起来了。删除node_modules重新下。尝试过创建.npmr文件。创建.npmr：不管用。
提升前端性能的JavaScript技巧
han2434的博客
08-14 689
一个快速响应、高效运行的Web页面不仅能提升用户体验，还能在一定程度上影响网站的SEO排名。本文汇总了一系列JavaScript技巧，以帮助开发者提升前端性能，并提供实际的代码示例。
vue 3d echarts scatter3D元素塌陷，图标塌陷进地图完美解决方案
creatlh的博客
08-12 163
当我们手机用 scatter3D 类型时，最小值因为渲染问题会塌陷进模型里面，所以只要让value固定，再将label formatter 配合 boxHeight属性即可解决，（代码附带自定义label图标解决办法）
"轻松入门JavaScript基础学习及用法
学习 JavaScript 的教材是非常重要的，因为它可以帮助你快速掌握基础知识并建立强大的基础。在学习 JavaScript 的过程中，你将会了解到什么是 JavaScript，如何在 HTML 页面中添加 JavaScript 代码，以及如何使用 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值