javaScript学习笔记

【2024】前端学习笔记12-JavaScript初体验-Js操作window 本文记录了js初体验及window方面的内容包括open、close、reload、document、alert、confirm、innerWidth、innerHeight等内容 阅读详情

目录

前言

一、JavaScript能干什么

二、基本要求

1.书写位置:外链式 JS 代码(推荐)

2.注释:

三、语法

1、数字类型(Number)

2.字符串型(string)

3、布尔类型(boolean)

4、null(空)

5、undefined(未定义)

四、运算符

1.算术运算符

2、比较运算符

五、类型转换

1.其他数据类型转成数值

1、Number(变量)

2、parseInt(变量)

3、parseFloat(变量)

4、除了加法以外的数学运算

2.其他数据类型转成字符串 

1、变量.toString()

2、String(变量)

3、使用加法运算

3.其他数据类型转成布尔 

六、语句 

1. if

2.switch

3.循环语句 while、for

 七、函数

1.普通函数 

2.匿名函数


前言

JavaScript 是属于网络的脚本语言!是一种在浏览器端执行的语言! 脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。学习web安全必备,嘿嘿。


提示:以下是本篇文章正文内容,下面案例可供参考

一、JavaScript能干什么

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

二、基本要求

1.书写位置:外链式 JS 代码(推荐)

  • 外链式 js 代码只要引入了 html 页面,就会在页面打开的时候直接触发
  • 新建一个 .js 后缀的文件,在文件内书写 js 代码,把写好的 js 文件引入 html 页面

2.注释:

//:单行注释

/**/:多行注释

三、语法

js基本的数据类型 :数字类型,字符串型,布尔型,undefined,null 对象类型 数组

1、数字类型(Number)

只有一种数字类型,数字 可以是小数 ,也可以的整数

以0开头 默认使用8进制来表示我的这个数字

以0x开头 默认使用16进制来表述我的这个数字

如果以-开头 默认以负数

如果我带有e:以科学计数法来解析我的这个数字

2.字符串型(string)

3、布尔类型(boolean)

一般是用在流程控制语句中,字符串和数字类型都是无穷多个,然而我们的布尔数据类型只有两个:true 和 false。

4、null(空)

关键字null是一个特殊的值,它表示变量为空值,用来定义空的或者是不存在的引用。

如果试图去引用一个没有定义的值,就会返回一个null。

这里注意一点:null并不等于"" 或者0。

5、undefined(未定义)

这个值表示变量不含有值,没有定义的值,或者被定义了一个不存在的属性值

!null和undefined区别: null它表示一个变量被赋予一个空值,而undefined是表示变量还没有被赋值。

四、运算符

1.算术运算符

+ - * / % ++ --

字符串拼接使用“+”

2、比较运算符

< > == != <= >=

=== 全等于:将数值以及数据类型一并比较

!==不全等于:将数值以及数据类型一并比较

比如:==

  • 比较符号两边的值是否相等,不管数据类型
  • 1 == '1'
  • 两个的值是一样的,所以得到 true

 ===

  • 比较符号两边的值和数据类型是否都相等
  • 1 === '1'
  • 两个值虽然一样,但是因为数据类型不一样,所以得到 false

!= 

  • 比较符号两边的值是否不等
  • 1 != '1'
  • 因为两边的值是相等的,所以比较他们不等的时候得到 false

!== 

  • 比较符号两边的数据类型和值是否不等
  • 1 !== '1'
  • 因为两边的数据类型确实不一样,所以得到 true

五、类型转换

1.其他数据类型转成数值

1、Number(变量)

  • 可以把一个变量强制转换成数值类型
  • 可以转换小数,会保留小数
  • 可以转换布尔值
  • 遇到不可转换的都会返回 NaN

2、parseInt(变量)

  • 从第一位开始检查,是数字就转换,知道一个不是数字的内容
  • 开头就不是数字,那么直接返回 NaN
  • 不认识小数点,只能保留整数

3、parseFloat(变量)

  • 从第一位开始检查,是数字就转换,知道一个不是数字的内容
  • 开头就不是数字,那么直接返回 NaN
  • 认识一次小数点

4、除了加法以外的数学运算

  • 运算符两边都是可运算数字才行
  • 如果运算符任何一遍不是一个可运算数字,那么就会返回 NaN
  • 加法不可以用

2.其他数据类型转成字符串 

1、变量.toString()

  • 有一些数据类型不能使用 toString() 方法,比如 undefined 和 null

2、String(变量)

  • 所有数据类型都可以

3、使用加法运算

  • 在 JS 里面,+ 由两个含义
  • 字符串拼接: 只要 + 任意一边是字符串,就会进行字符串拼接
  • 加法运算:只有 + 两边都是数字的时候,才会进行数学运算

3.其他数据类型转成布尔 

  • 在 js 中,只有 ''、0、null、undefined、NaN,这些是 false,其余都是 true

六、语句 

1. if

和C语言一样。

2.switch

 

3.循环语句 while、for

 七、函数

function 函数名(形式参数){函数体}
调用函数:函数名(实际参数);

1.普通函数 

 

2.匿名函数

<script type="text/javascript">
 
    // 匿名函数 : 没有名称的函数
    var func = function(i, u) {
        alert(i + " love play" + u);
    }
 
    // 调用函数 :
   func("郭新", "诺手");//显示:郭新爱玩诺手
 
</script>


深入掌握JavaScript学习笔记 本文还有配套的精品资源,点击获取 简介:本文是关于JavaScript学习的详细笔记,适合初学者和有基础的开发者。笔记涵盖了从基础到高级的多个方面,包括变量、数据类型、控制流、函数、对象、数组以及高级概念如函数表达式、this关键字、闭包、原型链。同时,还介绍了ES6的新特性,如let与const、解构赋值、箭头函数、Class和模块系统。另外,还包括了关于DOM操作、AJ... 阅读详情

相关推荐

实战指南:如何用Elasticsearch+Milvus搭建十亿级多模态搜索系统(含性能调优)

本文详细介绍了如何利用Elasticsearch和Milvus构建十亿级多模态搜索系统,包括架构设计、性能调优和实战部署。通过混合架构实现高效文本检索与向量相似度计算,显著提升查询性能与扩展能力,适用于大规模多模态数据处理场景。

x8y9z0的博客 1171

JS中的数值

一、有关于e表示法(即科学技数法) 1.用e表示法表示的数值等于e前面的数值乘以10的指数次幂。    var floatNum= 3.125e7        //等于31250000    var num = 3e-17                  //等于0.00000000000000003 二、数值范围   在数值计算中,其范围超过js的数值范围的值,那么这个数值将被自转...

lindali1115的博客 950

银河麒麟V10+QT6.0中文输入法环境搭建全攻略(附镜像加速技巧)

本文提供了在银河麒麟V10操作系统上为QT6.0搭建中文输入法环境的完整实战指南。文章详细介绍了从系统准备、镜像源优化、QT6安装器获取与加速安装,到编译Fcitx5输入法插件依赖库、深度配置环境变量与项目的全流程。重点分享了使用国内镜像源加速安装的技巧,解决了国产化开发中QT应用无法输入中文的常见难题,旨在帮助开发者快速构建稳定高效的开发环境。

weixin_29204749的博客 393

JavaScript学习笔记

JavaScript学习笔记。

x18395499277的博客 1979

Office 365部分安装及同时安装Visio的方法

From MWeb Win版本的Office 365安装包默认安装所有组件,没有选择的页面,在安装Office 365后再安装下载的Visio 2016专业版时,会显示计算机上已经安装了即插即用Office,Visio不可安装,因此可以考虑使用Office部署工具来解决这两个问题。 下载安装Office365和Visio 下载Office部署工具 修改配置 部署工具使用方法...

weixin_30737363的博客 2万+

新手避坑指南:用SARScape 5.6.2处理Sentinel-1数据做SBAS-InSAR,这些参数设置错了白忙活

本文详细介绍了使用SARScape 5.6.2处理Sentinel-1数据做SBAS-InSAR时的关键参数设置技巧,帮助新手避免常见错误。重点解析了连接图生成、干涉工作流、DEM处理等环节的12个关键参数,包括Max Normal Baseline、Unwrapping Coherence Threshold等,提供实测安全值范围和优化建议,确保处理效率和结果准确性。

weixin_30694389的博客 557

【JS笔记】Java Script学习笔记

JavaScript基础语法主要包括:输出语句(document.write、console.log、alert)、变量声明(var/let/const)和弱类型特性。数据类型涵盖number、string(支持模板字符串)、boolean、object(数组、函数等)、null和undefined。运算符包含算术、赋值、比较(==和===区别)、逻辑等类型。类型转换可通过Number()、parseInt()等方法实现。流程控制与Java类似,函数支持声明式、表达式和箭头函数三种形式,参数处理灵活。数组对

lhr056813的博客 1331

用豆包+Skill从零制作AI漫剧:分镜、画面、配音到成片全流程

AI漫剧作为一种新兴内容形态,结合AI绘画与AI视频生成技术,正在改变短视频创作方式。其核心原理是利用提示词工程,将创意转化为结构化分镜脚本,再通过豆包等AI助手的Skill能力,将重复的脚本生成和分镜拆解流程固化为可复用的指令模板,从而大幅降低从构思到成品的生产门槛。这种模式无需剧组、演员和实景拍摄,让个人创作者也能借助图像生成、TTS配音与剪辑合成工具,批量化地生产剧情短片,适用于短视频平台连载、商业定制与个人IP打造。围绕豆包+Skill这条主线,从选题、剧本写作、分镜表设计,到画面提示词生成、视频片

weixin_29048309的博客 1505

JavaScript学习笔记(一)

本文主要介绍了 JavaScript 的基本概念、语法结构、变量和常量、数据类型及类型转换方法

2402_82857752的博客 3652

Dify使用教程3:Dify创建工作流

Dify使用教程3:Dify创建工作流 接着,我们连接下一个节点:“LLM”填入上下文变量为:result。这时候知识库就添加成功了。添加新节点:结束节点。

拥抱具身智能,昇腾Ascend C 5129

【Claude】Auto mode cannot determine the safety of an action 报错已解决

Claude Code Auto mode 安全分类器报错完整解析,涵盖 temporarily unavailable、could not evaluate、transcript exceeded 三种情况的根因与处理

博客 1万+

JavaScript学习笔记2--面向对象编程(更新中)

本文已搬家至【Web技术学习】JS学习笔记

gnuhpc的专栏 3725

飞塔CVE-2022-40684复现

admin 无密码直接回车(会提示修改密码)

G3et的博客 1145

JS学习笔记(一)-初识JavaScript

文章目录学习笔记(一)准备工作初识JavaScriptJS的组成JS书写位置JS注释JS输入输出语句 2021.1.11 学习笔记(一) 准备工作 今天开始学习Javascript,开始之前先学习开发工具VS Code的几个快捷键和安装一些常用插件以及一些VS Code生成的骨架标签的含义。 快捷键 !+回车/Tab 自动生成页面骨架结构 Ctrl++/- 放大/缩小视图 Alt+B 在浏览器中打开 Ctrl+/ 注释 常用插件 Chinese(Simplified)Language Pack for

Ludwig1957的博客 1415

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

JS事件学习笔记(思维导图)

JS事件学习笔记(思维导图)   导图 posted @ 2015-09-16 21:52 xingoo 阅读(...) 评论(...) 编辑 收藏

xingoo 399

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

JavaScript 学习笔记(JS进阶 Day4)

因此当我们只是想改变 this 指向,并且不想调用这个函数的时候,可以使用 bind,比如改变定时器内部的this指向.在开发中【使用箭头函数前需要考虑函数中 this 的值】,事件回调函数使用箭头函数时,this 为全局的 window。箭头函数会默认帮我们绑定外层 this 的值,所以在箭头函数中 this 的值和外层的 this 是一样的。同样由于箭头函数 this 的原因,基于原型的面向对象也不推荐采用箭头函数。箭头函数中的 this 与普通函数完全不同,也不受调用方式的影响,事实上。

🧑‍🎓 博士研究生在读 🔬 分享生物信息学、神经生物学方面的知识 💬 合作请在后台留言 1450

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

javaScript学习笔记(一)js基础

================================= 公众号 关注一波 (一叶知秋博客) 不定期分享视频资料 一、简介 1、概述: JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。 诞生于1995年,当时的主要目的是验证表单的数据是否合法。 Java...

一叶知秋 13万+

廖雪峰JavaScript教程学习笔记

JavaScript是世界上最流行的脚本语言,因为你在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的。简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。随着HTML5在PC和移动端越来越流行,JavaScript变得更加重要了。并且,新兴的Node.js把JavaScript引入到了服务器端,JavaScript已经变成了全能型选手。

MamatjanPC的博客 745

JavaScript 学习笔记(WEB APIs Day4)

本着自己学习、分享他人的态度,分享学习笔记,希望能对大家有所帮助。看在线演示,找到符合自己需求的demo https://www.swiper.com.cn/demo/index.html。查看APi文档,去配置自己的插件 https://www.swiper.com.cn/api/index.html。查看基本使用流程 https://www.swiper.com.cn/usage/index.html。即创造出一个新的网页元素,再添加到网页内,一般先创建节点,然后插入节点。

🧑‍🎓 博士研究生在读 🔬 分享生物信息学、神经生物学方面的知识 💬 合作请在后台留言 1146

Web前端开发—JavaScript学习笔记

DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。

weixin_71370424的博客 1480

JavaScript学习笔记(1)—— js基础

JavaScript学习笔记(1)—— js基础 本文目录 一、认识JS 二、JS的词法结构(语法基础) 三、变量与数据类型 四、运算符与表达式 五、语句 一、 认识JS 1、JS是什么 JavaScript是一种运行在浏览器上的脚本语言 可用于客户端(浏览器, 手机或平板等智能设备), 也可用于服务器端(如:node.j...

惠子的博客 532

JavaScript基础知识——黑马JavaWeb学习笔记

本文为学习黑马程序员JavaWeb开发教程中JS部分学习笔记

初学者个人学习记录、梳理 2259
上一篇: CSS学习笔记
下一篇: CCF“司南杯”量子计算编程挑战赛练习题(一)解析
GXcodes
博客等级 码龄5年 15粉丝 6原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值