JavaScript基础——使用JavaScript对象

javaScript基础-01 javascript语法结构

一.基础字符集 JavaScript程序是用Unicode字符集编写的. .区分大小写 .空格.换行符和格式控制符 .Unicode转义序列 .标准化二.类型.值和变量 JavaScript的数据类型分为两类: 原始类型和对象类型,其中原始类型包括数字,布尔值和字符串. JavaScript(以下简称为JS)有两个特殊类型的值,null(空值)和undefined(未定义). 1.数字和其他编程语言不同,JS不区分整数值和浮点数值.JS中的所有数字均用浮点数值表示.最大值是±1.79769…

2021年3月-第03阶段-前端基础-JavaScript基础语法-JavaScript基础第01天

1 - 编程语言 1.1 编程编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令. 1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介. 计算机语言的种类非常的多,总的来说可以分成机器语言,汇编语言和高级语言三大类. 实际上计算机最终所执行的都是机器语言,它是…

JavaScript基础20——element对象

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>element对象</title> <script type="text/javascript"> // element对象 /* 获取属性:getAttribute(name) 设置属性:setAttribute(name, value) 删除属性:removeA…

JavaScript基础——使用JavaScript对象

JavaScript有许多内置对象,如Number(数字).Array(数组).String(字符串).Date(日期)和Math(数学).这些内置对象都有成员属性和方法.除了JavaScript对象,Node.js.MongoDB.Express和Angular也添加了自己的内置对象. JavaScript也为你构建自己的自定义对象提供了一个相当不错的面向对象的编辑结构.使用对象而不只是一个函数集合,是编写清洁.高效.可重复使用的JavaScript代码的关键. 1.使用对象语法为了有效的在…

JavaScript基础10——node对象

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>node对象</title> <script type="text/javascript"> /* Node对象的属性 nodeName 节点名称 nodeType 节点类型 nodeValue 节点值父节点 ul是li的父节点 parentNode 子节点 li…

JavaScript基础知识----document对象

对象属性document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlink…

JavaScript基础知识（对象、函数与对象）

17.对象属性:描述对象的信息方法:描述对象的行为封装:只关心输入和输出(不管过程如何实现) ü 对象的分类: 内置对象(原生对象): 就是JavaScript语言预定义的对象(如String/Number). 宿主对象: 一般由浏览器环境提供实现,主要分为 BOM 和 DOM. 自定义对象: 就是由开发人员自主创建的对象. ü 对象的创建: Ø 初始化器方式 var 对象名 = { 属性名 : 属性值 , 方法名 : function( ){方法体} …

JavaScript -基础- 函数与对象

一.JavaScript三对象 1.分类方式一 1)ECMAScript JavaScript的ECMA规范 JS本身的对象 2)Dom 操作HTML相关 3)BOM游览器对象游览器窗口对象,全局的对象,直接应用操作浏览器的对象 2.分类方式二二.ECMA对象 var s="hello" var s2=new String("hello") 三.function对象 1.function创建方式一此方式为推荐方式 function func1(){ aler…

JavaScript -基础- 函数与对象（二）String

一.判断数据类型typeof与判断对象类型instanceof 1.typeof typeof只能判断基础数据类型,无法判断引用数据类型 <script> var s="hello" var i=8; alert(typeof(s)) //输出string alert(typeof(i)) //输出number var s2=new String("hello2")…

JavaScript基础之原型对象和原型链

原型对象原型对象简单来说就是函数的原型所指向的对象.前面说原型的时候,说了Object.prototype所指对象就是Object(函数)的原型对象.在每个函数的原型对象中,默认会有constructor属性,用于指向函数本身. 在最开始的时候,原型对象的constructor设计主要是为了获取对象的构造函数.后来发现constructor属性易变,不可信.推荐使用instanceof. 原型对象有什么作用,主要实现对象的继承. 例如我们常用的对象.数组.函数都是得益于原型. 当我们使用变量直…

Javascript基础--类与对象(五)

js面向(基于)对象编程1.澄清概念 1.1 js中基于对象 == js 面向对象 1.2 js中没有类class,但是它取了一个新的名字,交原型对象,因此类 = 原型对象. 2.为什么需要对象? //这里是一个Cat类 function Cat(){ } Cat(); //函数 function Cat(){}2 var cat1 =new Cat(); //类 3 //这时cat1就是一个对象(实例) 4 cat1.name = "小白"; 5 cat1.age =3; 6 ca…

javascript基础之数组对象

一.定义数组的方法: 定义了一个空数组: var myArray =new Array(); 指定有n个空元素的数组: var myArray=new Array(n); 定义数组并赋值: var myArray =[1,2,3]; 数组元素的使用: 数组名[下标]=值; 二.数组属性:length用法数组对象.length; //返回数组长度三.数组方法: concat();连接两个或更多的数组,并返回结果. var myArray=[1,2]; document.write(myArra…

JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点

Date对象创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字符串 var date_obj2 = new Date("2019/01/21 15:14"); var date_obj3 = new Date("2019 01 21 15:14"); alert(date_obj2.toLocaleString()); alert…

JavaScript -基础- 函数与对象（四) BOM 对象

一.BOM对象 BOM游览器对象模型,可以与游览器对话 BOM下Window对象最重要,还有history.location对象二.Window对象方法 1.alert提示框 2.confirm confirm("hello") 用处: 文件是对否保存下载是否取消 var ret=confirm(“内容是否保存!”) alert(ret) //返回值是Ture.False if (ret){ }else{ } 3.prompt输入框 var ret=prompr("h…

JavaScript -基础- 函数与对象（三）正则、Match对象

一.正则对象 1.创建方法 1)方式一 var re_obj=new RegExp("\d+","g") 规则+模式(g 全局模式/i 不区分大小写/gi) re_obj.test("asacdscsd124234") //test方法只有两个返回值True.False 2)方式二 var re_obj2=/\d+/g; re_obj2.test("asacdscsd124234"); 二.Match对象…

JavaScript -基础- 函数与对象（三）Date对象

一.Date对象 1.创建方法 var date_obj=new Date(); alert(date_obj.toLocaleString()) var date_obj=new Date("2017/4/16 13:27:11"); var date_obj=new Date("2017 4 16 13:27:11"); var date_obj=new Date("2017,4,16 13:27:11"); var date_obj=new…

JavaScript -基础- 函数与对象（三）数组对象

一.数组对象 1.创建方式 1)创建方式一 var arr=[1,2,3]; 2)创建方式二 var arr2=new Array(1,2,3); 注意: 数组中可以存储任何数据类型.方法类型(Java则必须相同): 如果采用初始化对象方式创建数组,如果里面只有一个值而且是个数字,那么数字表示的是数组长度,而不是内容: 数组是可变长的 var arr4=new Array(3); //表示定义了占了三个位置的数组 2.二维数组 var arr2=new Array(5,"hello"…

Javascript基础--函数(Function对象)

1.函数是一段可执行的代码,函数可多次调用,模块化管理. 2.使用function语句,function funName([arg1][,arg2]....[,argn]){代码块}.所有版本可用,一次编译多次使用. 3.使用Function()构造函数funName=new Function(arg1,...argN){代码块}.指定1.1以上版本可用,每次使用时编译. 4.直接量 funName=function(arg1,...argN){代码块}.所有版本可用,一次编译多次使用. 5.函…

JavaScript基础06——Math对象和日期对象

内置对象-Math: Math对象用于执行数学任务,Math 不像 Date 和 String 那样是对象的类,因此没有构造函数Math().无需创建,直接把Math当成对象使用,就可以调用其所有的方法和属性. Math对象的静态属性: Math.E:常数e. Math.LN2:2 的自然对数. Math.LN10:10 的自然对数. Math.LOG2E:以 2 为底的e的对数. Math.LOG10E:以 10 为底的e的对数. Math.PI:常数π. Math.SQRT1_2:0.5…

javascript基础之javascript的存在形式和js代码块在页面中的存放位置

1.存在形式文件如: <script src='js/jc.js'></script> 前页面 <script type='text/javascript'>alert('页面')</script> 注意:js代码块要放在页面最底部,body的闭合标签上面即可,如下标黄部分. <!DOCTYPE html><html> <head> <meta http-equiv="conten…

JavaScript 基础(一) - JavaScript的引入方式，JavaScript 变量命名规则，JS 的五种基本数据类型，ECMAScript 算数运算符，逻辑运算符

JavaScript的引入方式直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- ------------页面内容--------------- --!> <script> aler…

javaScript基础-0 javascript概述

一.简介 javaScript一种面向web的编程语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 二.历史 1.1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名为ScriptEase(客户端执行的语言). 2.Netscape(网景)…

【javascript基础】 JavaScript defer和async区别

defer该属性用来通知浏览器,这段脚本代码将不会产生任何文档内容.例如 JavaScript代码中的document.write()方法将不会骑作用,浏览器遇到这样的代码将会忽略,并继续执行后面的代码.属性只能是 defer,与属性名相同.在HTML语法格式下,也允许不定义属性值,仅仅使用属性名. async该属性为html5中新增的属性,它的作用是能够异步地下载和执行脚本,不因为加载脚本而阻塞页面的加载.一旦下载完毕就会立刻执行. async和defer一样,都不会阻塞其他资源下载,所以不会…

javaScript基础-03 javascript语句

一. 声明语句 var和function都是声明语句.声明或定义变量或函数. var 声明一个或者多个变量.语法如下: var a ; var b = 1; var c, d; var e = 3; f = 5 如果var语句出现在函数体内,那么他定义的是一个局部变量.它的作用域就是这个函数. 如果在顶层代码中使用var语句,则声明的是一个全局变量.全局变量是全局对象的属性.var声明的变量无法通过delete删除的. 如果var定义的变量没有初始化表达式,那么这个变量的值初始化时undefin…

javaScript基础-02 javascript表达式和运算符

一.原始表达式原始表达式是表达式的最小单位,不再包含其他表达式,包含常量,直接量,关键字和变量. 二.对象和数组的初始化表达式对象和数组初始化表达式实际上是一个新创建的对象和数组. 三.函数表达式 function click() { var a = 0; console.log(a) } click(); //调用表达式四.属性访问表达式属性访问表达式运算得到一个对象属性或者一个数组元素的值.JS为属性访问定义了两种语法: expression.identifier //表达式后跟随一…

javascript基础01

javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有js页面一样,把全部内容都写在页面一股的加载到页面上,而是达到某个条件才把需要的内容加载进去,如瀑布流图片, 动态的标签,就好比一个聊天框,你一条话语,别人一条话语,而这些语段都被标签包住,让后添加到页面,动态样式就如轮播图的现实效果,我们都知道css实现轮播图是margin或别的属性让图片运…

JavaScript基础系列

JavaScript基础系列 JavaScript是一种基于对象和事件驱动的客户端脚本语言. JavaScript的注释 // 单行 /**/ 多行注释 JavaScript变量,函数名和操作符都是区分大小写的. 标识符是变量,函数,属性的名称,函数里的参数. 命名规则: 字母,数字,下划线,美元符号,不能以数字开头变量的声明与赋值使用var声明变量省略var声明的变量是全局变量,不过不推荐使用 JavaScript的基础语法和JavaScript的变量数据类型和typeof JavaS…

前端基础之JavaScript（Day53）

阅读目录一.JavaScript基础二.JavaScript对象三.BOM对象一.JavaScript基础 http://www.cnblogs.com/yuanchenqi/articles/6893904.html#_label2 二.JavaScript对象简介: 在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,String.Math.Array.Date.RegExp都是JavaScript中重要的内置…

JavaScript 基础回顾——对象

JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象在JavaScript中,对象被定义为无序属性的集合,属性可以是任何类型的值,包括其他对象或函数.函数作为属性值时称为“方法”,即对象的行为. (1)对象常用的内部属性对象的内部属性是由JavaScript 规范定义的,由运行代码的系统来访问.对象常用的内部属性: prototype 对象获…

JavaScript基础--DOM对象（十三）:（windows对象：history\location\navigator\screen\event）

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&…

【JavaScript基础——使用JavaScript对象】的更多相关文章