【javascript基础学习（七）】的更多相关文章

JavaScript基础学习(七)—BOM

     BOM(Browser Object Model): 浏览器对象模型.提供了独立于内容而与浏览器窗口交互的对象,BOM主要用于管理窗口和窗口之间的通讯. 一.Navigator对象      navigator对象通常用于获取浏览器和操作系统的信息.      navigator对象是window对象的属性,中文是"导航器"的意思.      由于navigator没有统一的标准,因此各个浏览器都有自己不同的navigator版本,这里只介绍最普遍支持且最常用的.     …

JavaScript 基础学习1-day14

JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator…

48.javascript基础学习

javascript基础学习:   http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,onclink点击按钮触发弹窗事件,alert是弹框提示 <input type="button" value="按钮" onclick="alert('点我');"> 2.嵌入引入:在文档页面通过Script标签嵌入 <head> &…

JavaScript 基础学习（二）js 和 html 的结合方式

第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入一个外部的 js 文件 需要创建一个js文件写js代码 <script type="text/javascript" src="1.js"></script> 使用第二种方式时候,不需要在script标签里面写js代码 第三种: 与HTML标签中…

JavaScript 基础 学习 （四）

JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 ​ 元素.on事件类型 = null ​ 因为赋值的关系,所以给事件赋值为 null 的时候 ​ 事件触发的时候,就没有事件处理函数执行了 dom2级 事件解绑 ​ 元素.removeEVentListener('事件类型',要移出的事件处理函数) ​ 元素.detachEvenbt('on事件类型', 要移除的事件处理函数) ​ 事件的传播 ​ 当你在一个元素上触发行为的时候 你这个行为会按照元素 结构父级 的顺序, 逐层…

JavaScript 基础 学习（三）

JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ​ 例如: ​ 1.获取元素 ​ var box = document.querySelector('div') ​ 2.给 div 绑定一个点击事件 ​ 事件源:div ​ 事件类型:click (点击行为) ​ 事件处理函数:准备一个函数,在点击行为处罚的时候执行 ​ on 是绑定事件的一种方…

JavaScript 基础 学习 （二）

JavaScript 基础 学习 节点属性 ​ 每一个节点都有自己的特点 ​ 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) ​ 语法:节点.nodeType ​ 得到: 一个数字,代表着这个节点的类型 ​ 元素节点:1 ​ 属性节点:2 ​ 文本节点:3 ​ 注释节点:8 ​ 例如:判定节点是不是元素节点,只要判断他的 nodeType === 1就可以了 2.nodeName(节点名称) ​ 语法: 节点.nodeName ​ 得到: 一个名称…

JavaScript 基础 学习 （一）

JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 ​ 比如:id,类名,标签名,选择器 的方式来获取元素 ​ 伪数组: ​ 长的和数组差不多,也是按照索引排列 ​ 也是有length属性,也可以使用for循环来遍历 ​ 但是就是不能使用数组常用方法 ​ 1.通过 id 获取元素的方法 ​ 语法:document.getElementById('你要获取的元素的 id') ​ 返回值:是 dom 元素,也是叫做 dom 对象 ​ 如果页面上有对应的 id…

几张非常有意义的JavaScript基础学习思维图

分享几张对于学习JavaScript基础知识非常有意义的图,无论你的JavaScript级别如何,“温故而知新”完全可以从这些图中得到. 推荐理由:归类非常好,非常全面 JavaScript 数组 JavaScript 函数基础 Javascript 运算符 JavaScript 流程控制 JavaScript 正则表达式 JavaScript 字符串函数 JavaScript 数据类型 JavaScript 变量 Window 对象 DOM 基本操作  …

javascript基础学习（七）

javascript之Object对象 学习要点: 创建Object对象 Object对象属性 Object对象方法 一.创建Object对象 new Object(); new Object(value);如:new Object(false);new Object("str");new Object(1.12); 二.Object对象属性 Object对象中的constructor属性可以判断一个对象的类型,constructor属性引用的是对象的构造函数. 三.Object对象方…

Javascript 基础学习（七）常用内置对象

Array 定义 数组也是一个对象,是一个用来存储数据的对象.和Object类似,但是它的存储效率比普通对象要高.数组中保存的内容我们称为元素.数组使用索引(index)来操作元素.索引指由0开始的整数. 数组操作 //创建数组 var arr = new Array();//使用内置对象Array var arr2 = new Array(10);//表示创建一个长度为10 的数组 var arr3 = []; var arr4 = [];//表示创建一个数组,数组中只有一个元素 10 //向…

JavaScript基础 学习笔记

参考资料 视频链接:https://www.bilibili.com/video/BV1Sy4y1C7ha?spm_id_from=333.999.0.0 菜鸟教程:https://www.runoob.com/js/js-tutorial.html 视频目录: 当前进度[P181] 基础知识:P1-P10 变量:P11-19 数据类型:P20-40 运算符:P41-54 流程控制分支结构:P55-68 循环:P69-95 数组:P96-112 函数:P113-133 作用域:P134-139…

JavaScript 基础第七天（DOM的开始）

一.引言 JavaScript的内容分为三个部分,这三个部分分别是ECMAScript.DOM.BOM三个部分组成.所谓ECMAScript就是JavaScript和核心基础语法,DOM是文档对象模型,最后剩下的BOM则是浏览器对象模型.这三个部分相辅相成组成了现在的JavaScript. 二.导入 前面几天我们学习就是有关有ECMAScript即基础语法部分,从今天开始我们将开始接触文档对象模型,做好准备.let's Go! 三.重点内容 ① 什么是DOM: DOM= Document Obj…

javascript基础学习（三）

javascript之运算符 学习要点: 表达式 运算符:一元运算符,算术运算符,关系运算符,逻辑运算符,*位运算符,赋值运算符 一.表达式 表达式有常量表达式,变量表达式,复合表达式. 二.算术运算符 一元:+(正号).-(负号).++.—— 二元:*./.%.+.- 三.关系运算符 ==.=== ps:等同运算符比相等运算符要求更为严格,等同运算符只有在两个操作数类型相同,并且值也相同的情况下才会返回true. <.<=.>.>= instanceof运算符.       in…

javascript基础学习（二）

javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe…

javascript基础学习（八）

javascript之日期对象 学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date(); 二.将日期对象转换为字符串 将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采…

javascript基础学习（十五）

javascript之cookie 学习要点: cookie介绍 创建与获取cookie cookie的编码 cookie的生存期 cookie的路径 cookie的domain cookie的secure 一.cookie介绍 cookie实际上就是一些信息,这些信息以文件的形式存储在客户端计算机上.在javascript中,cookie主要用来保存状态,或用于识别身份. 二.创建与获取cookie 创建cookie的语法代码如下所示:document.cookie="name=value&q…

javascript基础学习（十一）

javascript之BOM 学习要点: BOM介绍 Window对象 一.BOM介绍 浏览器对象模型简称为BOM(Brower Object Model),BOM由很多对象构成,对象与对象之间有着相互联系. BOM结构示意图如下: 二.Window对象 Window对象是一个全局对象,是所有对象的顶级对象.对于每个打开的窗口,系统都会自动为其定义 window 对象. 1.Window对象的属性和方法 属性 含义 closed 当窗口关闭时为真 defaultStatus 窗口底部状态栏显示的…

HTML JavaScript 基础学习

HTML 中肯定会用到 JavaScript 的知识点,会点 JavaScript 的基础知识不会吃亏,其实打算去买JavaScript的教程去专门学习一下,但是交给我的时间不多了,记录一点,能会一点是一点吧.. 本博借鉴自大神:www.cnblogs.com/yuanchenqi/articles/5980312.html 版权声明:未经博主授权,内容严禁分享转载 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名Scri…

javascript基础学习--HTML DOM

写在前面的话:由于学校没有开过javascript这门课,所以平时用javascript时都是用到什么就去搜什么样的代码,但是在工作中有时候搜来的代码总是有那么点小问题,而当自己想去修改时,却又无从下手,于是决定从基础开始学习javascript 1.查找HTML元素 我们使用js操作HTML元素,首先需要找到这个HTML元素,有三种方法可以实现: 通过id找到HTML元素 通过标签名找到HTML元素 通过类名找到HTML元素 1.通过id查找HTML元素 在DOM中查找HTML元素的最简单的方…

JavaScript基础学习-函数及作用域

函数和作用域是JavaScript的重要组成部分,我们在使用JavaScript编写程序的过程中经常要用到这两部分内容,作为初学者,我经常有困惑,借助写此博文来巩固下之前学习的内容. (一)JavaScript函数 JavaScript函数是指一个特定代码块,可能包含多条语句,可以通过名字来供其他语句调用以执行函数包含的代码语句. 1.JavaScript创建函数的方法有两种: 函数声明: function funcDeclaration(){ return 'A is a function';…

javascript基础学习（十）

javascript之数组 学习要点: 数组的介绍 定义数组 数组元素 数组的方法 一.数组的介绍 数组中的元素类型可以是数字型.字符串型.布尔型等,甚至也可以是一个数组. 二.定义数组 1.通过数组的构造函数来定义数组: var arr=new Array(); var arr=new Array(size); var arr=new Array(element1,element2,...); 2.直接定义数组: var arr=["字符串",true,13]; ps: 和Objec…

javascript基础学习（九）

javascript之基本包装类型 学习要点: 基本包装类型概述 Boolean类型 Number类型 String类型 一.基本包装类型概述 为了便于操作基本类型值,提供了3种特殊的引用类型:Boolean,Number和String. 二.Boolean类型 new Boolean(value) :var boolean1=new Boolean("true"); Boolean(value):var boolean2=Boolean(0); 使用new Boolean()构造函数…

javascript基础学习（六）

javascript之对象 学习要点: 对象的属性和方法 对象的原型 一.对象 对象其实就是一种引用类型,而对象的值就是引用对象的实例. 二.创建对象 在javascript中有两种对象,一种是系统内置对象,另一种是用户自己创建的对象. 1.使用构造函数创建内置对象 在javascript中有很多内置的对象,每个内置的对象都有一个构造函数,直接使用构造函数就可以创建并初始化一个对象. 在javascript中可以使用new运算符来调用构造函数创建对象.如:var myObject=new Obj…

javascript基础学习（五）

javascript之函数 学习要点: 函数的介绍 函数的参数 函数的属性和方法 系统函数 一.函数的介绍 1.函数就是一段javascript代码.可以分为用户自定义函数和系统函数.   如果一个函数是javascript内置的函数,就称为系统函数.如果函数是自己编写的函数,就是自定义函数. 2.在javascript用function来定义一个函数.function 函数名(参数1,参数2,...){<语句块>  return 返回值} (PS:return语句可以省略) 3.函数的嵌套定…

javascript基础学习（四）

javascript之流程控制语句 学习要点: 表达式语句含义 选择语句:if.if...else.switch 循环语句:while.do...while.for.for...in 跳转语句:break.continue 异常处理语句:throw.try...catch...finally 一.表达式语句 表达式语句通常是赋值语句.函数或方法调用语句等. 二.选择语句 if(条件表达式)语句;  if(条件表达式){语句;}else{语句;}   还有就是if...lese的嵌套 switch…

javascript基础学习（十四）

javascript之表单对象 学习要点: 表单对象 文本框 按钮 单选框和复选框 一.表单对象 在HTML文档中可能会出现多个表单,也就是说,一个HTML文档中可能出现多个<form>标签.javascript会为每个<form>标签创建一个Form对象,并将这些Form对象存放在forms[]数组中. 属性或方法 说明 acceptCharset 服务器能够处理的字符集 action 接受请求的URL elements 表单中所有控件的集合 enctype 请求的编码类型 le…

javascript基础学习（十三）

javascript之文档对象 学习要点: 文档对象 文档对象的应用 一.文档对象 Document对象是代表一个浏览器窗口或框架中的显示HTML文件的对象.javascript会为每个HTML文档自动创建一个Document对象.通过Document对象可以操作HTML文档中的内容及其他对象. Document对象的子对象: Anchor对象,Applet对象,Cookie对象,Embed对象,Form对象,Image对象,Link对象,Location对象,Plugin对象. 二.文档对象的…

javascript基础学习（十二）

javascript之BOM 学习要点: 屏幕对象 History对象 Location对象 一.屏幕对象 Screen对象是一个由javascript自动创建的对象,该对象的主要作用是描述客户端的显示器的信息. 目前显示器分辨率为800X600或1024X768两种. screen.height:屏幕的高度 screen.width:屏幕的宽度 screen.availHeigh:屏幕的有效高度 screen.availWidth:屏幕的有效宽度 二.History对象 History对象可以…

[转载] 几张非常有意义的JavaScript基础学习思维图

原文:http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5598364&extra=page%3D1%26filter%3Ddigest%26digest%3D1%26digest%3D1 1.JavaScript 数组 2.JavaScript 函数基础 3.Javascript 运算符 4.JavaScript 流程控制 5.JavaScript 正则表达式 6.JavaScript 字符串函数 7.JavaScript 数据类型…