javascript基础学习（十三）

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

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基础学习笔记

参考资料视频链接: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基础学习-函数及作用域

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

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之数组学习要点: 数组的介绍定义数组数组元素数组的方法一.数组的介绍数组中的元素类型可以是数字型.字符串型.布尔型等,甚至也可以是一个数组. 二.定义数组 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中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date(); 二.将日期对象转换为字符串将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采…

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基础学习（六）

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

javascript基础学习（十四）

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

javascript基础学习（十二）

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

javascript基础学习（十一）

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

[转载] 几张非常有意义的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 数据类型…

javascript基础学习系列-1

JavaScript简介 JavaScript的用途 JavaScript用来制作web页面交互效果,提升用户体验. web前端三层来说:w3c的规范:行内样式(淘汰) 结构层 HTML 从语义的角度,描述页面结构样式层 CSS 从审美的角度,美化页面行为层 JavaScript 从交互的角度,提升用户体验 JavaScript和ECMAScript的关系简单来说ECMAScript不是一门语言,而是一个标准.符合这个标准的比较常见的有:JavaScript.Action Script(F…

javascript基础学习第一天

Javascript 发展过程: 1.出现:为了解决用户和游览器之间的交互. 2.概念:基于对象和事件驱动,运行在游览器客户端的脚本语言. -js在游览器中运行的.(js引擎:执行js代码) -事件:就是用户的一个具体动作 -对象:抽象的一个容器(保存数据) 3.作用: -做游戏开发. -数据统计 -地理定位 4.组成: 基本语法(ECMAscript) DOM(Document Object Model)将整个HTMl文档抽象成一个对象(通过js操作该对象,实现js操作网页特效) BOM:将游…

JavaScript基础学习篇

1.alert消息弹出框 alert(字符串或变量); 消息对话框通常可以用于调试程序. 与document.write 相似. 2.确认:confirm消息对话框 confirm(弹出时要显示的文本): 返回值时Boolean值: 返回值: 当点击“确定”时,返回“true”; 当点击“取消”时,返回“false”: 通过返回值可以知道用户点击了哪个按钮. <!DOCTYPE HTML> <html> <head> <meta http-equiv="…

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