Javascript学习笔记(1)

最新推荐文章于 2024-10-02 05:39:15 发布
最新推荐文章于 2024-10-02 05:39:15 发布
阅读量104 收藏
点赞数
分类专栏： JS学习笔记 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38436266/article/details/99823275
版权

(1) JavaScript教程

  • html, CSS, JS的区别
    • HTML 定义了网页的内容
    • CSS 描述了网页的布局
    • JavaScript 网页的行为

(2) JavaScript简介

  • 本教程(菜鸟教程)主要学的内容
    • 直接写入HTML输出流
    • 对事件的反应
    • 改变HTML内容
    • 改变HTML图像
    • 改变HTML样式
    • 验证输入

(3) JavaScript用法

  • HTML中的JS脚本,必须插在<script>与</script>标签之间.
  • js可在要的位置:
    • html的head中
    • html的body中
    • 写到一个文件,然后在html中导入
  • 将脚本放在上述的不同位置, 是 先加载 和 后加载的区别.

(4) JavaScript输出

  • 使用window.alert() 弹出警告框.

  • 使用 document.write() 方法将内容写到 HTML 文档中.

    • 如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

  • 使用 innerHTML 写入到 HTML 元素.
    其中:

    document.getElementById(“xxx”) 来获取html中的某个组件.

    <!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

  • 使用 console.log() 写入到浏览器的控制台.

(5) JavaScript语法

  • js字面量
  • js变量

    JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值

    var x, length
x = 5
length = 6
  • js操作符
  • js语句

    可以有分号,也可以没有,但是为了语义清晰,用上比较好.

  • js关键字
  • js注释

    // 进行注释

  • js函数
    //函数声明方法
function myFunction(a, b) {
    return a * b;                                // 返回 a 乘以 b 的结果
}
康康同学97
关注
专栏目录
JavaScript 的入门学习案例，保证学会！
weixin_30390075的博客
09-05 143
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript for循环</title> </head> <body> <script> ...
尚硅谷JavaScript高级学习笔记
javaThinker的专栏
03-08 1100
JavaScript中函数是对象。我们后续描述构造函数的内存模型时，会将构造函数称为构造函数对象。typeof 运算符来查看值的类型，它返回的是类型的字符串值 会做数据转换 输出： 每个函数都有一个prototype属性，它默认指向一个0bject空对象(即称为:原型对象) 给原型对象添加属性、方法，函数的所有实例对象自动拥有原型中的属性(方法) 16、显式原型和隐式原型 和 中保存的都是原型对象的地址值。Fun的prototype、f的__proto__属性什么时
Javascript入门学习笔记
weixin_61370021的博客
04-27 4664
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
JavaScript学习笔记1
Lcxdi的IT窝
03-28 412
JS学习笔记1 *What is JavaScript *Set up Dev Env
JavaScript学习笔记
qq_53388077的博客
03-30 1598
JavaScript是一门跨平台、面向对象的脚本语言，是用来控制网页行为的。脚本语言通常直接解释执行，不需要编译，缩短了传统编程语言的运行过程/*定义格式：var 对象名={属性名1：属性值1，属性名2：属性值2，属性名3：属性值3，函数名称：function(形参列表){}*/var user={age:20,alert("用膳");//简化方法：eat(){alert("用膳");
《高性能JavaScript》学习笔记
Leon_Chenl的博客
05-21 1092
当DOM的变化影响了元素的几何属性（宽和高）——比如改变边框宽度或给段落增加文字，导致行数增加——浏览器需要重新计算元素的几何属性，同样其他元素的几何属性和位置也会因此受到影响。一旦空闲，队列中的下一个任务就被重新提取出来并运行。并不是所有的DOM变化都会影响几何属性，例如改变一个元素的背景色不会影响它的宽和高，这种情况下只会发生一次重绘，因为元素的布局并没有改变。对象成员包括属性和方法，当一个被命名的成员引用了一个函数，该成员就被称为一个“方法”，相反，引用了非函数类型的成员就被称为“属性”。
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
小白JavaScript学习笔记----JavaScript 进阶
weixin_51877011的博客
05-05 1863
垃圾回收机制(Garbage Collection) 简称 GCJS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题但如果不了解JS的内存管理机制，我们同样非常容易成内存泄漏（内存无法被回收）的情况不再用到的内存，没有及时释放，就叫做内存泄漏面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。举个栗子：蛋炒饭。
JavaScript学习笔记1-环境准备
Anthony_tester的博客
04-26 3963
好几天没有写文章了，最近在纠结一个问题：是学习Python爬虫呢还是继续选择一门新的脚本语言去学习。看到自动化测试工程师的招聘职位，很多公司提到了JavaScript。常用的脚本语言，主要有Python,Shell,Ruby,Perl,JavaScript。出于给自己增加一个脚本语言的技能，我觉得，还是有必要去学习一门新的脚本语言，所以这里就选择了JavaScript。       想好了要学习
JavaScript学习笔记（详细）一
jojo_oulaoula的博客
05-19 1395
脚本语言（一堆命令组合在一起可以批量执行的称为脚本）有一定的安全性一种基于对象的一种语言（创建对象/面对对象）可以定义一堆事件（方法/函数）并进行调用函数定义：是完成特定任务的代码语句块函数使用方式：可以直接使用函数的分类：系统函数（JavaScript内置函数），自定义函数自定义函数分类：匿名函数 和 有名函数函数的别名：方法（1）特点1:定义有函数名称的函数（2）特点2:定义函数的语法结构（3）特点3:调用有名函数的语法结构a）直接调用。
Javascript学习笔记1 数据类型
01-19
代码类型只有一种形式就是function。 undefined：未定义，我们也可称之为不存在，typeof(undefined)=undefined. null:为空。undefined是不存在，而null是存在，但却无。typeof(null)=object,但null又不是object，这...
javascript学习笔记
11-24
学习JavaScript时，了解这些基础知识是至关重要的。随着深入学习，你将接触到更高级的概念，如闭包、异步编程（回调函数、Promise、async/await）、模块系统以及现代框架如React、Vue和Angular的使用。JavaScript的...
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 782
Vue 2 中使用 Vue I18n 插件实现中英文切换
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 512
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1111
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
如何使用Redisson的布隆过滤器？
最新发布
付聪
10-02 215
【代码】如何使用Redisson的布隆过滤器？
深入理解 Nuxt.js 中的 app:data:refresh 钩子
09-29 1298
钩子在数据被刷新时触发，可以选择性地传入要刷新的键名（keys）。这为开发者提供了一个灵活的机制来响应数据变化，并进行必要的更新。Nuxt.js 中的钩子的用途及其实现方法。这个钩子为开发者提供了一种灵活的方式来处理数据的更新，从而优化应用的响应性和用户体验。
前端规范工程-2：JS代码规范（Prettier + ESLint）
Vinca@的博客
09-26 846
Prettier 主要关注代码的格式，而 ESLint 则关注代码的质量和规范。结合使用这两个工具，可以极大地提高代码的可读性和维护性，同时减少潜在的错误和不一致性。
JavaScript学习笔记：从基础到DOM编程
"这是一份全面的JavaScript学习笔记，涵盖了从CSS样式表基础到JavaScript语法、DOM编程等多个方面，旨在帮助读者深入理解并掌握JavaScript语言。" 在这份笔记中，作者首先介绍了CSS样式表的基本概念，包括什么是CSS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值