JavaScript基础
关注
分享
扫一扫
前端三大基石之一的JavaScript，学习前端的大部分时间都在学习它，打好基础很重要了！
BCS-点心
真正的大师永远怀着一颗学徒的心。
公众号：BCS联盟
一起传播技术之光吧！
展开
-
javaScript知识点回顾（二十八）：window对象属性和方法
1）Window对象属性 首先，通过循环遍历出window对象的所有属性：<script>//循环遍历window对象的所有属性/* for(name|index in obj|arr){ } 描述：只能循环数组的下标，或对象的属性。 说明：如果循环数组的话，每次循将取下标值。 对于数组中值为undefined的，不会循环。 ...原创 2018-05-31 18:56:10 · 377 阅读 · 0 评论 -
javaScript知识点回顾（三十七）：HTML DOM访问HTML元素的方法
getElementById()功能：查找网页中指定id的元素对象。语法：var obj = document.getElementById(id)参数：id是指网页中标记的id属性的值。返回值：返回一个元素对象。举例：var imgObj = document.getElementById(“img01”)getElementsByTagName(tagName)功能：查找指定的HTML标记，返...原创 2018-06-06 17:23:35 · 161 阅读 · 0 评论 -
javaScript知识点回顾（三十六）：HTML DOM简介和新特性
简介核心DOM中，提供的属性和方法，已经可以操作网页了。为什么还要有HTMLDOM呢？如果在核心DOM中，网页中节点层级很深时，访问这个节点时将十分麻烦。那么，HTMLDOM中就提供了通过id直接找节点的方法，而不用再从HTML根节点开始。HTMLDOM的新特性每一个HTML标记，都对应一个元素对象。如：<img>对应一个图片对象每一个HTML标记的属性，与对应的元素对象的属性，一一对...原创 2018-06-06 17:03:21 · 151 阅读 · 0 评论 -
javaScript知识点回顾（三十五）：核心DOM中的公共的属性和方法
核心DOM中的公共的属性和方法注：核心DOM中查找节点(标记)，都是从根节点开始的(html节点)。节点访问nodeName：节点名称。nodeValue：节点的值。只有文本节点才有值，元素节点没有值。nodeValue的值只能是“纯文本”，不能含有任何的HTML标记或CSS属性。firstChild：第1个子节点。lastChild：最后1个子节点。childNodes：子节点列表，是一个数组。...原创 2018-06-06 16:54:02 · 179 阅读 · 0 评论 -
javaScript知识点回顾（三十四）：文档对象模型(DOM)
1）DOM的官方定义DOM ， Document Object Model ，文档对象模型。我们可以把网页中的所有“东西”看成是“对象”。DOM是W3C制定的网页标准或规则，而这个标准，在浏览器中，以“对象”的形式得以实现。DOM的官方定义：DOM可以使脚本，动态的访问或操作，网页的内容、网页外观、网页结构2）DOM的分类核心DOM：提供了同时操作HTML文档和XML文档的公共的属性和方法。HTM...原创 2018-06-06 16:47:34 · 173 阅读 · 0 评论 -
javaScript知识点回顾（三十三）：history对象
history对象length：历史记录的个数go(n)：同时可以实现“前进”和“后退。”history.go(0) 刷新网页history.go(-1) 后退 history.go(1) 前进一步history.go(3) 前进三步forward()：相当于浏览器的“前进”按钮back()：相当于浏览器的“后退”按钮...原创 2018-06-06 14:27:23 · 149 阅读 · 0 评论 -
javaScript知识点回顾（三十二）：Location地址栏对象
Location地址栏对象href：获取地址栏中完整的地址。可以实现JS的网页跳转。location.href = “http://www.sina.com.cn”;hostname：主机名pathname：文件路径及文件名search：查询字符串。protocol：协议，如：http://、ftp://hash：锚点名称。如：#topreload([true])：刷新网页。true参数表示强制刷...原创 2018-06-06 14:20:56 · 192 阅读 · 0 评论 -
javaScript知识点回顾（三十一）：navigator对象
navigator对象appName：浏览器软件名称，主要用来判断客户使用的是什么核心的浏览器。 如果是IE浏览器的话，返回值为：Microsoft Internet Explorer 如果是Firefox浏览器的话，返回值为：Netscape appVersion：浏览器软件的核心版本号。 systemLanguage：系统语言 us...原创 2018-06-06 14:16:57 · 160 阅读 · 0 评论 -
javaScript知识点回顾（三十）：screen屏幕对象
screen屏幕对象Width：屏幕的宽度，只读属性。Height：屏幕的高度，只读属性。availWidth：屏幕的有效宽度，不含任务栏。只读属性。availHeight：屏幕的有效高度，不含任务栏。只读属性。 <script type="text/javascript"> //获取自己屏幕的分辨率 var str="<h2>屏幕的尺寸&l...原创 2018-06-06 14:11:02 · 235 阅读 · 0 评论 -
javaScript知识点回顾（三十八）：CSS DOM动态样式
CSS DOM动态样式使用JS操作CSS中的各属性。JS只能操作或修改行内样式。如：imgObj.style.border = “1px solid red”对于类样式，通过className来赋值。如：imgObj.className = “imgClass”style对象每个HTML标记，都有一个style属性。但这个style属性又是一个style对象。那么，这个style对象的属性有哪些？...原创 2018-06-06 17:28:49 · 163 阅读 · 0 评论 -
javaScript知识点回顾（三十九）：DOM中Event对象
DOM中引入Event对象(DOM浏览器就是标准浏览器)（1）通过HTML标记的事件属性来传递event对象在DOM中，event对象是作为事件调用函数时的参数，传递给函数的。该event参数，是系统固定写法，全小写，不能加引号，它就是event对象参数<!DOCTYPE HTML><html> <head> <meta http...原创 2018-06-07 18:26:59 · 177 阅读 · 0 评论 -
javaScript知识点回顾（四十）：form对象
form对象一个<form>标记，就是一个<form>对象。form对象的属性name：表单的名称，主要用来让JS来控制表单。action：表单的数据处理程序(PHP文件)。method：表单的提交方式，取值：GET、POSTenctype：表单数据的编码方式。form对象的方法submit()：提交表单，与<input type = “submit” />功...原创 2018-06-07 18:27:06 · 310 阅读 · 0 评论 -
javaScript知识点回顾（二十七）： BOM简介
1）什么是BOMBOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM最初是Netscape浏览器...原创 2018-05-31 17:41:31 · 169 阅读 · 0 评论 -
javaScript知识点回顾（二十六）：Number数值对象
1）Number数值对象一个数值变量，就是一个数值对象(Number对象)。2）toFixed()功能：将一个数值转成字符串，并进行四舍五入，保留指定位数的小数。语法：numObj.toFixed(n)参数：n就是要保留的小数位数。举例：var a = 123.9878;a = a.toFixed(2); // a = “123.99”...原创 2018-05-31 16:05:14 · 162 阅读 · 0 评论 -
javaScript知识点回顾（二十五）：Math数学对象
Math数学对象Math对象是一个静态对象，换句话说：在使用Math对象，不需要创建实例。Math.PI：圆周率。Math.abs()：绝对值。如：Math.abs(-9) = 9Math.ceil()：向上取整(整数加1，小数去掉)。如：Math.ceil(10.2) = 11Math.floor()：向下取整(直接去掉小数)。如：Math.floor(9.888) = 9Math.round(...原创 2018-05-31 16:01:37 · 181 阅读 · 0 评论 -
javaScript知识点回顾（二十四）：Date对象
1）Date对象Date对象和String对象不太一样，定义了一字符串，其实就是一个String对象，就可以直接调用属性和方法。Date对象的使用，必须使用new关键字来创建，否则，无法调用Date对象的属性和方法。2）创建Date对象的方法（1）创建当前(现在)日期对象的实例，不带任何参数var today = new Date();（2）创建指定时间戳的日期对象实例，参数是时间戳。时间戳：是指...原创 2018-05-31 15:47:48 · 183 阅读 · 0 评论 -
javaScript知识点回顾（二十三）：Array对象的属性和方法
1）Array对象：一个数组变量，就是一个数组对象length属性：动态获取数组长度。如：var len = arrObj.length2）join()功能：将一个数组转成字符串。返回一个字符串。语法：arrObj.join(连接号)说明：将一个数组，用指定的“连接号”连接成一个字符串。3）reverse()功能：将数组中各元素颠倒顺序。语法：arrObj.reverse()参数：无4）数组元素的...原创 2018-05-31 15:35:32 · 409 阅读 · 0 评论 -
javaScript知识点回顾（四十三）：select对象、option对象
select对象一个<select>标记，对应一个select对象。select对象属性options[]：设置或返回下拉列表中<option>标记构成的数组。selectedIndex：设置或选中指定<option>的索引号。length：指定下拉列表中<option>标记的个数。name：元素名称。option对象一个<option>...原创 2018-06-07 18:27:25 · 275 阅读 · 0 评论 -
javaScript知识点回顾（四十二）：input对象
input对象一个<input>标记，就是一个input对象。input对象的属性(以type=text为例)name：表单元素的名称。value：表单元素的值，用户输入的内容，可以通过该属性来获取。size：表单的长度。maxlength：表单元素的最大长度(最多可输的字符数)。disabled：禁用属性。readonly：只读属性。input对象的方法focus()：获得焦点的方法...原创 2018-06-07 18:27:19 · 539 阅读 · 0 评论 -
javaScript知识点回顾（四十一）：提交和验证方法总结
1、使用submit按钮，结合onsubmit事件来实现(最常用)<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>php.cn</title&g原创 2018-06-07 18:27:13 · 139 阅读 · 0 评论 -
javaScript知识点回顾（二十九）：Window 对象其他常用方法
1）open()方法功能：打开一个新的浏览器窗口。语法：var winObj = window.open([url][,name][,options]);说明：参数可有可无。如果没有指定参数，则打开一个选项卡式的窗口(大小是最大大化)。参数：url：准备在新窗口中显示哪个文件。url可以为空字符串，表示显示一个空的页面。name：新窗口的名字，该名字给标记的target属性来用options：窗口...原创 2018-06-06 14:06:39 · 184 阅读 · 0 评论 -
javaScript知识点回顾（二十二）：String对象的属性和方法
1）String对象的属性和方法 length：获取字符串的长度。如：var len = strObj.length toLowerCase()：将字符串中的字母转成全小写。如：strObj.toLowerCase() toUpperCase()：将字符串中的字母转成全大写。如：strObj.toUpperCase()2）charAt(index)功能：返回指定下标位置的一个字符。如果没有找到，则...原创 2018-05-30 09:32:53 · 137 阅读 · 0 评论 -
javaScript知识点回顾（二十一）：对象基础知识
1）对象的概念人就是一个“对象”，人的特征：身高、体重、姓名、性别、年龄。每个人可以有不同的本事(方法)：打电脑、炒股、开汽车等。对象是由“属性”和“方法”构成。2）3）自定义对象1、使用new关键字结合构造函数Object()来创建一个空的对象<script> //使用new关键字结合构造函数Object()来创建一个空的对象 var in...原创 2018-05-29 20:27:16 · 187 阅读 · 0 评论 -
javaScript知识点回顾（八）：switch分支语句
switch分支语句描述：根据一个变量的不同取值，来执行不同的代码。语法结构：switch(变量){ case 值1: 代码1; break; case 值2: 代码2; break; case 值3: 代码3; break; default: ...原创 2018-05-24 14:06:00 · 236 阅读 · 0 评论 -
javaScript知识点回顾（七）：if条件判断语句
if条件判断语句：条件成立，执行什么代码；条件不成立，执行什么代码结构一：只判断真(true)，条件为假，什么也不做if(条件判断：判断结果是一个布尔值){条件为真(true)，执行的代码}结构二：既判断真，也判断假if(条件判断){条件为真，执行的代码}else{条件为假，执行的代码}结构三：多条件判断if(条件1){代码1；}else if(条件2){代码2;}else if(条件3){代码3...原创 2018-05-24 13:53:22 · 233 阅读 · 0 评论 -
javaScript知识点回顾（十二）：数组的基础知识
1）数组的概念一组数的集合，称为“数组”。var arr = [1,2,3,4,5];var arr = [“小明” , “男” , 20, “研究所” , “安徽省” , ];2）数组元素数组中的每个值，称为一个“数组元素”。数组索引数组中有多个值，每个值都有一个“编号”，通过“编号”可以访问到数组中的每个值。数组中的“编号”又称“下标”或“索引号”。数组中的“下标号”是从0开始的正整数。也就是...原创 2018-05-29 09:15:49 · 162 阅读 · 0 评论 -
javaScript知识点回顾（六）：特殊运算符及运算符优先级
1）特殊运算符new运算符：创建一个对象。如：var today = new Date(); //创建一个当前系统日期时间对象delete运算符：删除数组的元素，或者对象的属性。typeof运算符：一元运算符，主要功能：判断变量的类型的。如：typeof name 或 typeof(name)点运算符(.)：主要应用在对象中，通过点运算符(.)去调用属性或方法。如：window.alert(“...原创 2018-05-24 10:56:43 · 400 阅读 · 0 评论 -
javaScript知识点回顾（五）：运算符
1）算术运算符：+、-、*、/、%、++、--A = 10 + 20;A = 10 – 20;A = 10 * 20;A = 10 / 20;（1）“%”取余运算符，两个数相除，取余数。A = 10 % 3; // A = 1，如果余数不为0，则两个不能整除A = 10 % 2; // A = 0，如果余数为0，则两个数能除尽（2）“++”加1运算符、自加1“++”可以作前缀(++i)，也可以...原创 2018-05-23 18:52:41 · 137 阅读 · 0 评论 -
javaScript知识点回顾（四）：变量的几个相关函数
1）判断变量的数据类型：typeof()使用typeof()，可以测试一个变量的类型。typeof()测试的结果是一个类型字符串。typeof()的结果字符串有几种情况： “string” 、 “number” 、 “boolean” 、 “undefined” 、 “object” 、 “function”另外：null、对象、数组这三种类型，都将返回 “object”。2）从字符串中提取整数和...原创 2018-05-23 14:27:32 · 129 阅读 · 0 评论 -
javaScript知识点回顾（三）：变量的数据类型转换
1）其它类型转成布尔型 var x1 = "abc"; //true var x2 = "110"; //true var x3 = ""; //false var x4 = 110; //true var x5 = 0; ...原创 2018-05-23 14:12:46 · 139 阅读 · 0 评论 -
javaScript知识点回顾（二）：变量数据类型简介
1）变量数据类型简介变量是有数据类型的，这个类型来源于“变量的值”，换句话说：值是什么类型的，变量就是什么类型的。JS中变量的类型有：数值型、字符型、布尔型、undefined、null、array、object、function这八种数据类型，又分为两大类：基本数据类型：数值型、字符型、布尔型、未定义型、空型。很显著的特点：一个变量名只能存一个值。举例：var a = 10;复合数据类型：数组、...原创 2018-05-23 11:47:44 · 227 阅读 · 0 评论 -
javaScript知识点回顾（九）：while循环
while循环：只要条件成立，就重复不断的执行循环体代码while(条件判断){ 如果条件为true，则执行循环体代码}while循环结构说明：在循环开始前，必须要对变量初始化(声明变量，给变量给个初始值)。如果while的条件为true，则会重复不断的执行循环体中({ })的代码。如果条件为false，则退出循环。在循环体中，必须要有“变量更新”的语句。换句话说：两次循环的变量的值...原创 2018-05-24 14:26:11 · 141 阅读 · 0 评论 -
javaScript知识点回顾（十）：for循环
格式：for(变量初始化 ; 条件判断 ; 变量更新){ 循环体代码；}原创 2018-05-24 14:30:17 · 160 阅读 · 0 评论 -
javaScript知识点回顾（十三）：数组的创建和操作
1）数组的创建方法1、使用new关键字和Array()来创建数组var arr = new Array(); //创建一个空数组var arr = new Array(“周更生” , “男” , 30); //创建一个数组，并初始化数组的元素2、使用[]来创建中括号[]中，使用英文下的逗号分隔多个值。数组元素的值，可以是任何类型。如：字符型、数值型、布尔型、数组型、对象型、函数。2）数组的操作...原创 2018-05-29 14:12:10 · 200 阅读 · 0 评论 -
javaScript知识点回顾（十一）：break和continue的区别
1）break语句描述：break语句，用于无条件结束各种循环(退出循环)和switch。说明：一般情况下，需要在break语句之前加一个条件判断。换句话说：就是条件成立了，就退出循环。2）continue语句描述：结束本次循环，而开始下一次循环。continue之后的代码不再执行了。说明：一般情况下，需要在continue语句之前加一个条件判断。...原创 2018-05-24 18:07:43 · 149 阅读 · 0 评论 -
javaScript知识点回顾（二十）：常用事件
1）onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。2）鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。3）鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。4）当网页中的对象获得聚点时，执行onfocus调用的程序就...原创 2018-05-29 16:43:34 · 120 阅读 · 0 评论 -
javaScript知识点回顾（十九）：事件的概念
1）事件的概念事件：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。2）事件处理程序事件处理程序：我们用户在页面中进行的点击这个动作，鼠标移动的动作，网页页面加载完成的动作等，都可以称之为事件名称，即：onclick、mousemove、load等都是事件的名称。响应某个事件的函数则称为事件处理程序，或者叫做事件侦听...原创 2018-05-29 16:19:50 · 270 阅读 · 0 评论 -
javaScript知识点回顾（十八）：匿名函数
1）匿名函数：即没有名字的函数。匿名函数，不能单独定义的，也不能单独调用。匿名函数，一般是作为数据给其它变量赋值的。可以给普通变量、数组元素、对象的属性赋值。2）<script> var a=88 ;//将数值赋值给变量a，此时变量a就是“数值型”变量 var a="asd"; //将字符串赋值给a，此时变量a就是“字符型”变量 ...原创 2018-05-29 16:09:41 · 149 阅读 · 0 评论 -
javaScript知识点回顾（十七）：拷贝传值和引用传值
1）拷贝传值：基本数据类型都是“拷贝传值”。拷贝传值，就是将一个变量的值“拷贝”一份，传给了另一个变量。拷贝传值完之后，两个变量之间没有任何联系，修改其中一个变量的值，另一个不会改变。这两个变量之间，是相互独立的，没有任何联系。2）引用传址：复合数据类型都是“引用传地址”引用传址：将一个变量的数据地址，“拷贝”一份，传给另了另一个变量。这两个变量，指向“同一个地址”。大家共享同一份数据。如果其中一...原创 2018-05-29 16:04:46 · 370 阅读 · 0 评论 -
javaScript知识点回顾（十六）：全局变量和局部变量
1）全局变量：可以在网页的任何地方(函数内部和函数外部)使用的变量，就是“全局变量”。在函数外部定义的变量，就是“全局变量”。全局变量”既可以在函数外使用，也可以在函数内部使用。“全局变量”在网页关闭时，自动消失(释放空间)。2）局部变量：只能在函数内部使用的变量，称为“局部变量”。“局部变量”在函数内部定义，在函数内部使用。“局部变量”在函数外部无法访问。“局部变量”在函数执行完毕就消失了。...原创 2018-05-29 14:32:04 · 173 阅读 · 0 评论