前端JS基础
文章平均质量分 65
NPFik-
这个作者很懒,什么都没留下…
展开
-
第十二章:JavaScript基础--JSON
JSON支持大部分浏览器,如果需要兼容IE7及以下的JSON操作,则可以通过引入一个外部的js文件来处理。一:JSON的定义JS中的对象只有JS自己认识,其他的语言都不认识,JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互。JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号,其他的和JS语法一致。二:JSON的分类(1)JSON分类:对象 {}数组 [](2)JSO原创 2022-04-12 19:46:48 · 650 阅读 · 0 评论 -
第十一章:JavaScript基础--类的操作
当通过style属性来修改元素的样式的时候,每修改一个样式,浏览器就需要重新渲染一次页面,这样的执行的性能是比较差的,而且这种形式当我们要修改多个样式时,也不太方便。因此我们可以采用通过JS的类的操作来进行修改。这样性能比较好,并且这种方式,可以使表现和行为进一步的分离。一:向其中添加一个class属性值 参数: obj 要添加class属性的元素 cn 要添加的class值 function addClass(obj , cn){ //检查ob原创 2022-04-12 19:36:58 · 991 阅读 · 0 评论 -
第一章:JavaScript基础入门
一、Js的基本语法(1)多行注释:/*......*/(2)单行注释:// 注意: JS中严格区分大小写 JS中每一条语句以分号结尾 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源,而且有时候, 浏览器会加错分号,所以在开发中分号必须写 ......原创 2022-03-23 18:36:11 · 1152 阅读 · 3 评论 -
第二章:JavaScript基础--运算符
一:typeof运算符用来检查一个变量的数据类型用法:typeof 变量会返回一个用于描述类型的字符串作为结果二:算数运算符(+ - * / %)除了加法以外,对非Number类型的值进行运算时,都会先转换为Number然后在做运算。而做加法运算时,如果是两个字符串进行相加,则会做拼串操作,将两个字符连接为一个字符串。任何值和字符串做加法,都会先转换为字符串,然后再拼串三:一元运算符(1)+号 就是正号,不会对值产生任何影响,但是可以将一个非...原创 2022-03-25 21:21:31 · 1208 阅读 · 0 评论 -
第三章:JavaScript基础--流程控制语句
一:条件判断语句(if语句)语法一:if(条件表达式){ 语句...}语法二:if(条件表达式){ 语句...}else{ 语句...}语法三: if(条件表达式){ 语句...}else if(条件表达式){ 语句...}else if(条件表达式){ 语句...}else if(条件表达式){ 语句...}else{语句...}二:条件分支语句(switch语句)switch(条件表达式){ cas原创 2022-03-26 17:38:47 · 1357 阅读 · 0 评论 -
第四章:JavaScript基础--对象
一:对象的含义对象是Js中的引用数据类型,其是一种复合数据类型,在对象中可以保存多个不同数据类型的属性。使用typeof检查时,返回一个Object二:对象的操作(1)创建对象方法一:var obj = new Object();方法二:var obj = {};(2)向对象中添加属性方法一:对象.属性名 = 属性值;方法二:对象["属性名"] = 属性值;(3)读取对象中的属性方法一:对象.属性名方法二:对象["属性名"]***.原创 2022-03-28 19:12:34 · 507 阅读 · 0 评论 -
第五章:JavaScript基础--函数
一:函数的定义函数也是一个对象,也具有普通对象的功能。其在函数当中可以封装一些代码,在需要的时候可以去调用函数来执行这些代码。使用typeof检查一个函数时会返回function二:函数操作(1)创建函数语法一:function 函数名([形参1,形参2...形参N]){ 语句... }语法二:var 函数名 = function([形参1,形参2...形参N]){ 语句... ...原创 2022-03-29 22:16:19 · 673 阅读 · 0 评论 -
第六章:JavaScript基础--数组Array
一:数组的定义数组也是一个对象,是一个用来存储数据的对象,和Object类似,但是它的存储效率比普通对象要高数组中保存的内容我们称为元素 数组使用索引(index)来操作元素索引指由0开始的整数二:数组的操作(1)创建数组 - var arr = new Array(); - var arr = [];(2)向数组中添加元素语法: 数组对象[索引] = 值; ar...原创 2022-03-31 18:26:49 · 81 阅读 · 0 评论 -
第七章:JavaScript基础--包装类、Date、Math、字符串的相关的方法
一:包装类在JS中有三个包装类分别是:String() Boolean() Number() 通过这三个包装类可以创建基本数据类型的对象//eg: var num = new Number(2); var str = new String("hello"); var bool = new Boolean(true);//但是在实际应用中千万不要这么干。 ******当我们去操作一个基本数据类型的...原创 2022-04-02 19:18:37 · 77 阅读 · 0 评论 -
第八章:JavaScript基础--正则表达式
一:正则表达式的含义正则用来定义一些字符串的规则,程序可以根据这些规则来判断一个字符串是否符合规则,也可以将一个字符串中符合规则的内容提取出来。(1)创建正则表达式 - var reg = new RegExp("正则","匹配模式"); - var reg = /正则表达式/匹配模式(2)正则表达式的语法匹配模式: i:忽略大小写 g:全局匹配模式 - 设置匹配模式时,可以都不设置,也可以设置1个,也可以全...原创 2022-04-02 19:25:12 · 259 阅读 · 0 评论 -
第九章:JavaScript基础--DOM
一:DOM的定义文档对象模型,通过DOM可以来任意来修改网页中各个内容。******文档 文档指的是网页,一个网页就是一个文档******对象 对象指将网页中的每一个节点都转换为对象 转换完对象以后,就可以以一种纯面向对象的形式来操作网页了******模型 模型用来表示节点和节点之间的关系,方便操作页面******节点(Node) 节点是构成网页的最基本的单元,网页中的每一个部分都可以称为是一个节点,虽然都是节点,但是节...原创 2022-04-03 19:33:14 · 550 阅读 · 0 评论 -
第十章:JavaScript基础--BOM
一:BOM的定义(浏览器对象模型)在BOM中为我们提供了一组对象,用来完成对浏览器的操作二:BOM的对象(1)Window代表的是整个浏览器的窗口,同时window也是网页中的全局对象(2)Navigator代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器(3)Location代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面(4)History代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录由于隐私原因,原创 2022-04-07 19:41:23 · 866 阅读 · 0 评论