视频教程免费下载
联系站长
javascript基础视频教程42讲
  • 1、
    javascript概述

    一、javascript能用来干什么? 1.数据的验证。 2.将动态的文本写入到网页当中。 3.可以对事件做出响应 4.可以读写html中的内容。 5.可以检测浏览器 6.可以创建cookies 二、javascript特点 基于对象 和 事...

  • 2、
    javascript的放置和注释

    javascript的放置和注释 1.输出工具 A. alert(); B. document.write() C. prompt(,) 2.javascript如何在html页面当中进行放置 A.script/script *************************************** javascript可以在...

  • 3、
    javascript变量和数据类型(上)

    javascript变量和数据类型 一、javascript命名规范 1. 严格区分大小写 2. 变量的命名必须以字母或 _或 $开头,余下的部分可以是任意的字母,数字,或者是 _ 或者是$ 3.不能用关键字或者是保留字命名。 4.j...

  • 4、
    javascript变量和数据类型(中)

    javascript变量和数据类型(下) 一、typeof 操作符 他是用来检测数据类型的一元运算符,并且返回的结果始终是一个字符串。 二、数据类型 1.初始类型 Undefined 指的就是变量创建后但是没有赋值,而变量的默...

  • 5、
    javascript变量和数据类型(下)

    javascript变量和数据类型(下) 数据类型 1.初始类型 Undefined 指的就是变量创建后但是没有赋值,而变量的默认值就是undefined Null 指的是什么都没有,仅仅是一个占位符。 Number 包括整型和浮点型。支持...

  • 6、
    javascript运算符

    javascript运算符 一、运算符和操作数的组合就称为表达式。 二、javascript运算符 (一) 算术运算符 + - * / % var++ ++var var-- --var A. + (1) 用于数值的运算 (2) 用于字符串的连接 ******************...

  • 7、
    javascript数据类型强制转换

    javascript数据类型强制转换 一、转换为数值类型 Number(参数) 把任何的类型转换为数值类型 A.如果是布尔值,false为0,true为1 B.如果是数字,转换成为本身。将无意义的后导0去掉。 C.如果Null转换为0 D....

  • 8、
    javascript数据类型隐式转换

    javascript数据类型隐式转换 一、函数类 isNaN() 该函数会对参数进行隐式的Number()转换,如果转换不成功则返回true; alert() 输出的内容隐式的转换为字符串 二、运算符类 1.算数运算符 - * / % 如果操作...

  • 9、
    javascript流程控制-分支结构

    javascript流程控制 流程:就是程序代码的执行顺序。 流程控制:通过 规定的语句 让程序代码 有条件的 按照一定的方式 执行。 一、顺序结构 按照书写顺序来执行,是程序中最基本的流程结构。 二、选择结构(...

  • 10、
    javascript流程控制-循环结构

    主要讲解关于for、while循环: Script //var a=0; //for循环 /*document.write(table width=500px border=1px align=center); for (var i=0; i100; i++) { var bg; if(i%2==0){ bg=#cccccc; }else{ bg=#aa...

  • 11、
    javascript流程控制-跳转语句、with语句

    javascript流程控制-跳转语句、with语句 一、跳转语句 在循环控制语句中,当 满足指定条件 的时候,退出循环 或者是退出 当前 循环的语句。 1.break; 格式:break; 跳出并且终止循环,如果后面有代码,则继...

  • 12、
    javascript函数的声明和调用

    javascript函数的声明和调用 将完成某一特定功能的代码集合起来,可以重复使用的代码块。 一、函数的声明方式(创建) A.基本语法 function 关键字 function 函数名([参数1],[参数2]....){ 函数体 [retrun] ...

  • 13、
    javascript函数的参数和return语句

    javascript函数的参数和return语句 一、参数(最多是25) 可以动态的改变函数体内对应的变量的类型或值,使同一函数体得到不同的结果。 形参:在定义函数的时候,函数括号中定义的变量叫做形参。 实参:调用函...

  • 14、
    javascript解析顺序和变量作用域

    javascript解析顺序和变量作用域 作用域:指的就是一段代码的作用范围。 一、变量的作用域 1.全局变量 在代码中任何地方都能够访问得到的变量,拥有全局的作用域。 A.最外层函数外面定义的变量。 B.没有定...

  • 15、
    javascript回调函数、递归函数

    javascript回调函数、递归函数 一、回调函数 通过函数的指针来调用函数。 (把一个函数的指针做为另一个函数的参数,当调用这个参数的时候,这个函数就叫做回调函数。) 1.通过指针来调用。 2.匿名方法 3.定...

  • 16、
    javascript内置顶层函数

    javascript 内置顶层函数 名词解释: 1.函数 2.内置: ECMAscript 内置函数:ECMAscript 自带的函数 Number() 宿主函数: BOM DOM alert() prompt() confirm(); //confirm() 弹出一个带有确定和取消按钮的一个...

  • 17、
    javascript数组(一)

    javascript数组 数组是一个可以存储 一组 或是 一系列 相关数据 的 容器。 一、为什么要使用数组。 (1)为了解决大量相关数据的存储和使用的问题。 (2)模拟真是的世界。 二、如何创建数组 (1) 通过对象的方...

  • 18、
    javascript数组(二)

    javascript数组(二) 数组的分类: 1.下标的类型 A.下标是数字的类型的(索引数组) B.下标是字符串类型的(关联数组) 2.维度来分类 A.一维数组 B.二维数组 声明二维数组: // var arr=[[1,2,3],[4,5,6]]; //...

  • 19、
    javascript对象基础

    javascript对象基础 一、名词解释: 1.基于对象 一切皆对象,以对象的概念来编程。 2.面向对象编程(oop Object oriented programming) A.对象 就是人们要研究的任何事物,不仅能表示具体事物,还能表示抽象...

  • 20、
    javascript对象的遍历、内存分布和封装特性

    javascript对象的遍历、内存分布和封装特性\ 一、javascript对象遍历 1.javascript属性访问 对象.属性 对象[属性] //字符串格式 2.javascript属性遍历 for in 二、内存分布 三、对象的特性之封装 把对象所...

  • 21、
    javascript对象的继承和Object对象

    javascript对象的继承和Object对象 对象的一个类可以从现有的类中派生,并且拥有现有的类的方法或是属性,这和过程叫做继承。被继承的类叫做父类或是基类,继承的类叫做子类。 (一个对象拥有另一个对象的...

  • 22、
    javascript对象的继承顺序、分类和内置Math对象

    对象的继承顺序、分类和内置Math对象 一、对象的继承顺序 Object.prototype.say=function () { alert(我是顶层的方法); } function person () { this.say=function () { alert(我是父类的方法); } } perso...

  • 23、
    javascript字符串对象

    javascript字符串对象 一、属性 1.length 计算字符串的长度(不区分中英文) 2.constructor 对象的构造函数 二、方法 (1)获取类型 1.myString.charAt(num) 返回在指定位置的字符。 2.myString.charCodeAt(nu...

  • 24、
    javascript数组对象

    javascript数组对象 一、属性 1.length 设置或返回数组元素的数目。 2.constructor 返回构造函数的引用 二、方法 A.删除或添加类 1. myarr.push(数组元素......) 向数组的末尾添加新的元素,返回值是新数...

  • 25、
    javascript浏览器对象模型-windwo对象(上)

    javascript浏览器对象模型-windwo对象(上) BOM Browser Object Model window对象 是BOM中所有对象的核心。 一、属性 1.(位置类型-获得浏览器的位置) IE: window.screenLeft 可以获得浏览器距屏幕左上角...

  • 26、
    javascript浏览器对象模型-windwo对象(下)

    javascript浏览器对象模型-windwo对象(下) BOM Browser Object Model window对象 是BOM中所有对象的核心。 一、属性 1.(位置类型-获得浏览器的位置) IE: window.screenLeft 可以获得浏览器距屏幕左上角...

  • 27、
    javascript-History、Location、Screnn对象实例讲解

    javascript-History、Location、Screnn对象实例讲解 一、history对象 包含浏览器访问过的url 1.属性 length 返回浏览器历史记录的数量 2.方法 back() 后退 forward() 前进 go(number) 如果参数是正数,那...

  • 28、
    javascript-document对象详解(上)

    javascript-document对象详解 DOM document(html xml) object modle document对象(DOM核心对象) 作用: 1.内容 innerHTML 2.属性 3.样式 document对象 一、属性 title 返回或设置当前文档的标题 URL 返回...

  • 29、
    javascript-document对象详解(下)

    javascript-document对象详解(下) 二、方法 getElementById(idname) 返回拥有指定id的(第一个)对象的引用 getElementsByTagName(tagname) 返回带有指定标签名的对象的集合 getElementsByName(name) 返回...

  • 30、
    javascript-对文档对象的内容、属性、样式的操作(上)

    javascript-对文档对象的内容、属性、样式的操作(上) 一、操作内容 1.innerHTML 用来设置或获取对象起始和激素标签内的内容(识别html标签) 2.innerText 用来设置或获取对象起始和激素标签内的内容 (IE) te...

  • 31、
    javascript-对文档对象的内容、属性、样式的操作(下)

    javascript-对文档对象的内容、属性、样式的操作(下) 一、css层叠样式的操作 1通过ID来更改样式 2通过className更改样式 ******************************************* 适合批量更改 ********************...

  • 32、
    javascript-对表单的操作实例讲解(上)

    javascript-对表单的操作实例讲解(上) 一、获得表单引用 1通过直接定位的方式来获取 document.getElementById(); document.getElementsByName(); document.getElementsByTagName(); 2通过集合的方式来获取...

  • 33、
    javascript-对表单的操作实例讲解(中)

    javascript-对表单的操作实例讲解(中) 一、文本域 input type=text *********************************** 操作文本域的值 value 属性 设置或者获取值 *********************************** 二、单选按钮 *...

  • 34、
    javascript-对表单的操作实例讲解(下)

    javascript-对表单的操作实例讲解(下) 五、文本区域 *************************************** textarea/textarea value 操作值 *************************************** 六、验证表单 1.事件 onsubmit ...

  • 35、
    javascript-节点属性详解

    根据 DOM,HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的: 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属...

  • 36、
    javascript-节点的增、删、改、查实例讲解

    一、创建节点 1创建元素节点 document.createElement(元素标签名); 2创建属性节点 document.createAttribute(属性名); 对象.属性=属性值 对象.setAttribute(属性名,属性值) 对象.getAttribute(属性名,属性...

  • 37、
    javascript事件基础和事件绑定

    javascript事件基础和事件绑定 一、事件驱动 1.事件 javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源 引发事件的元素。(发生在谁的身上) 2.事件处理程序 对事件处理的程序或是函数 ...

  • 38、
    javascript事件对象实例讲解

    一、事件对象 用来记录一些事件发生时的相关的信息的对象 1.只有当事件发生的时候才产生,只能在处理函数内部访问 2.处理函数运行结束后自动销毁。 二、如何获取事件对象 IE:window.event FF: 对象.on事...

  • 39、
    javascript事件流讲解和实例应用

    javascript事件流讲解和实例应用 当页面元素触发事件的时候,该元素的容器以及整个页面都会按照特定 顺序相应该元素的触发事件,事件传播的顺序叫做事件流程。 一、事件流的分类 1.冒泡型事件(所有的浏览...

  • 40、
    javascript日期对象

    在javascript中日期也是他的内置对象,所以我们要对日期进行获取和操作,必须实例化对象。 1.创建日期对象 var dateobj=new Date(); 将会包含本地时间的信息,包括年月日时分秒 星期 A。可传入的参数格式 ...

  • 140条记录