Javascript 学习笔记
D计划
这个作者很懒,什么都没留下…
展开
-
韩顺平 javascript教学视频_学习笔记2_js运行原理_js开发工具介绍_js程序(hello)_js基本语法
js运行原理js运行原理和Html的运行原理一样,在韩顺平老师《PHP从入门到精通》教学视频里有详细的解释以js嵌入到html为例说明:本地运行远程访问运行万维网(www)简略图万维网(www)综合图js开发工具的选择记事本高级开发工具(vs,eclipse)。一开始建议使用记事本,原创 2016-01-25 20:25:05 · 1150 阅读 · 0 评论 -
Javascript 如何修改CSS样式(网页样式) 补充说明
在我刚刚写了文章:Javascript 如何访问修改CSS样式(网页样式) 后,发现并不是像Javascript 如何访问修改CSS样式(网页样式) 文章中所说的两种方法,当然在文章中所说的两种方法也不失为两种好方法,下面这篇文章,继续针对 Javascript 如何访问和修改CSS样式(网页样式) 做补充说明,建议看到这篇文章的也看看我写的上一篇文章:Javascript 如原创 2016-01-28 21:45:43 · 1337 阅读 · 0 评论 -
Javascript 如何访问 和 修改CSS样式(网页样式)
Javascript 访问修改页面元素的CSS样式,一般有两种方法一种方法是访问修改元素中style属性的CSS样式,一般这样的style属性是直接写在元素上的,而不是在外部的CSS文件中;另一种方法是访问外部的CSS文件,然后修改CSS样式,下面对这两种方法进行介绍。1.原创 2016-01-28 19:49:57 · 6580 阅读 · 0 评论 -
使用javascript全局改变CSS样式(网页样式)
之前写过两篇文章通过javascript改变CSS样式,如Javascript 如何访问修改CSS样式(网页样式)。Javascript 访问和修改CSS样式(网页样式) 补充说明这两篇文章都是改变局部的CSS样式,也就是改变某个元素的CSS样式实际上我们也可以通过改变链接CSS样式表的href值来 实时切换网页样式,也就是 “改变模板风格”,也就相当于改变QQ空间的模原创 2016-01-29 14:32:32 · 5178 阅读 · 0 评论 -
html 如何添加背景音乐
在html文档中插入音乐可以用如下的代码 其中:hidden="true" 表示隐藏播放器按钮hidden="false"开启autostart="true" 表示打开网页加载完后自动播放loop="true" 表示循环播放 ,如果仅想播放一次,代码为:loop="false" 标签定义嵌入的内容,比如插件,可以用来插入各种多媒体,它是 HT原创 2016-02-04 20:59:34 · 12841 阅读 · 1 评论 -
韩顺平 javascript教学视频_学习笔记23_js事件驱动机制深入理解_js常用事件_js版计算器
js事件可以被多个函数监听例子如下: function test1(eventObj){ window.alert("OK1"); } function test2(eventObj){ window.alert("OK2"); }原创 2016-02-22 18:04:38 · 1116 阅读 · 0 评论 -
韩顺平_Javascript 教学视频教程_学习笔记整理_目录
韩顺平_Javascript 教学视频教程_学习笔记整理_目录 韩顺平 javascript教学视频_学习笔记1_js课程介绍_js基本介绍韩顺平 javascript教学视频_学习笔记2_js运行原理_js开发工具介绍_js程序(hello)_js基本语法韩顺平 javascript教学视频_学习笔记3_js基本数据类型_js运算符韩顺平 javascript教学视频_学习笔原创 2016-01-26 17:27:28 · 3461 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记24_dom编程开山篇_dom编程实例(乌龟抓鸡)
dom编程开山篇学习目的明确dom编程的重要性初步认识dom编程dom 的必要性:实际上 js 更重要的作用是可以让用户对网页元素进行交互操作,这才是学习 js 的精华之所在 看乌龟抓鸡这个案例:原创 2016-02-22 18:14:13 · 2306 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记25_bom介绍_dom对象层次图_dom对象(window对象1)
内容介绍Bom 介绍----浏览器对象模型因为做浏览器的厂商比较多,浏览器也应该有一个规范,这是W3C又出来了,制订了一个做浏览器规范。bom提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如可以弹出新的窗口,改变状态栏中的文本,对Cookie的支持,IE还扩原创 2016-02-23 15:40:47 · 1214 阅读 · 1 评论 -
韩顺平 javascript教学视频_学习笔记27_dom对象(window对象3.history.location.navigator.screen.event)_js事件驱动编程
dom对象详解----window对象3window 的 status 属性可以控制状态栏的信息实现下面的案例:案例代码: var space_num=0; var dir=1; function myScroll(){ var space_my=" "; spac原创 2016-02-23 15:59:45 · 1567 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记28_dom对象(document对象) 最重要的
dom对象详解----document对象document对象代表的是整个html文档,因此可以访问到文档中的各个对象(元素)。write() 这个是向文档输出文本或是js代码writeln这个也是向文档输出文本或是js代码,不同的是多一个换行符。但是实际上对原创 2016-02-23 16:04:06 · 1467 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记29_dom编程加强_dom对象(document2) 加强重要
dom对象详解----document对象2 加强在dom编程中,一个html文档会被当作 dom 树来对待,dom会把所有的 html 元素映射成Node节点,于是 你就可以使用Node节点(对象)的属性和方法。这些Node节点的属性和方法如下图所示:原创 2016-02-23 16:13:24 · 1138 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记30_小球撞球游戏
dom编程实例----小球撞球游戏要求如下:资源:背景:小太阳:程序代码:小太阳 //定两个全局变量 directX=1; //x轴的方向 directY=原创 2016-02-23 16:16:10 · 1322 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记31_随意拖拽窗口案例_dom对象(style对象)_坦克大战1.0版
先来做一个随意拖拽窗口的案例:代码:拖动浮动窗口 var x=0;y=0;x1=0;y1=0; var moveable=false; var index=20000; //开始拖动 function startDarg(obj,evt){ var e = evt?evt:window.even原创 2016-02-23 16:21:11 · 1820 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记32_仿sohu频道切换效果
仿sohu频道切换效果分析:代码:css文件:body{ font-size:12px;}.div1{ width:126px; height:156px; /* background-color:pink; */}.navi{ width:21px; heigh原创 2016-02-23 16:25:21 · 1130 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记33_js正则表达式开山篇
js正则表达式开山篇学习目标基本概念:正则表达式是很多语言都支持的正则表达式的好处:原创 2016-02-23 16:30:56 · 2214 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记34_js正则表达式详解
内容介绍----正则表达式的详解正则表达式对象:RegExp对象方法我们来看一下RegExp对象都有哪些方法例子不举了,很简单String 对象与正则表达式有关的方法原创 2016-02-23 16:49:49 · 2647 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记26_dom对象(window对象2)
dom对象详解----window对象2moveTo() 和 moveBy()方法moveTo() 方法可把窗口的左上角移动到一个指定的坐标。moveBy() 方法可相对窗口的当前坐标把它移动指定的像素。 function moveWin() { window.moveTo(400,400);原创 2016-02-23 15:47:06 · 969 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记22_js事件驱动机制_js事件分类_js访问css技术
js事件驱动编程js事件学习目标:充分理解js的事件驱动机制掌握js中常用的事件js事件驱动机制----概述js是采用事件驱动(event-driven)响应用户操作的。比如通过鼠标或按键在浏览器窗口或者网页元素(按钮,文本框。。)上执行的操作,我们称之为事件(event)。有鼠标或热键引发的一连串程序的动作,称之为事件驱动(even原创 2016-01-28 17:46:18 · 1340 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记21_js内部类_js系统函数 重点重点
js的内部类和js的系统函数javascript 中本身有提供一些,可以直接使用的类,这种类就是内部类,主要有以下八个:Object 、Array 、Math 、Number 、Data 、String 、RegExp 、Boolean内部类概述按照使用方式,javascript 内部类分为两大类(动态类和静态类)动态类就是使用原创 2016-01-27 20:37:57 · 853 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记20_多态经典案例_补讲闭包细节
多态经典案例经典案例,看代码: function Master(){ //给动物喂食 this.feed=function(animal,food){ window.alert(animal.constructor); document.write("主人给 "+animal.原创 2016-01-26 17:06:30 · 1504 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记3_js基本数据类型_js运算符
Js的基本数据类型,分为三大类基本数据类型分为:数值类型字符串布尔型可以通过typeof看到变量的具体数据类型,如下面代码: language="javascript"> var v1="abc"; var v2=89原创 2016-01-25 20:37:27 · 988 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记4_js运算符2_js移位运算
js基本语法——运算符关系运算符== 等于 > 大于 >= 大于等于 != 不等于var a=90;var b=90;if(a==b){ alert("ok1");}b--;if(a>b){ alert("ok2");}if(a>=b){ alert("ok3");}特别说明:一个数和一个字符串比较有什么结果,即两个类型不一样的比原创 2016-01-25 20:39:57 · 907 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记5_js三大流程控制(顺序流程、分支控制、循环控制)
js基本语法——三大流程控制顺序控制分支控制 让程序有选择的执行,分支控制有三种 1. 单分支 2. 双分支 3. 多分支单分支 if 语句if(条件表达式){ 语句;}双分支 if else 语句if(条件表达式){语句;原创 2016-01-25 20:44:27 · 1244 阅读 · 0 评论 -
javascript学习笔记_学习笔记6_javascript如何调试
的原创 2016-01-25 20:47:43 · 574 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记7_js自定义函数
javascript——函数目标充分理解函数的概念能熟练的自定义函数掌握js中常用的系统函数函数的概念:为完成某一个功能的程序指令(语句)的集合,称为函数。在js中,函数分为:自定义函数和系统函数(经常查看js帮助手册)函数可以提高代码的复用率,对于具有某一功能的代码段,将其写成函数,就可以在很多地方直接使用该函数,而不需要重复书写这一段原创 2016-01-25 20:55:30 · 1111 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记8_js系统函数_js函数调用方式
函数——函数的使用系统函数:其中 eval() 用的很多,它可以把一个字符串当做脚本来执行,在需要动态脚本的时候用的比较多。如:var str="window.alert('OK')"; //需求是把str当作一个脚本来运行,用eval()函数eval(str);由于一些浏览器对中文的支持并不是很好,容易出现乱码的情况,这时就可以使用esc原创 2016-01-25 21:00:33 · 1396 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记9_js函数调用过程内存分析_js函数细节
函数——调用过程先来看一段代码,分析一下它会输出什么? // abc是一个函数,它接收数值 function abc(num1){ if(num1>3){ abc(--num1); //递归 } document.writeln(num1); } abc(5);原创 2016-01-25 21:18:27 · 1081 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记10_js一维数组_一维数组细节
javascript——数组内容介绍一维数组(详细讲解)排序,查找(排序和查找在javascript中不是重点)多维数组(略讲,多维数组在javascript用的少)编程语言中,数组是一个非常重要的知识点,不管是什么编程语言,数组都很重要。学习目标掌握js中的数组的使用掌握js中常用的排序,查找方法(冒泡,顺序查找和二分查找这都是很重要的)原创 2016-01-25 21:26:03 · 1269 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记11_js二维数组_js冒泡排序_二分查找
多维数组——二维数组多维数组我们只介绍二维数组,一维数组的元素还可以是一个数组,就构成了二维数组。下面看两个程序即可 var arr=[["shunping",123,4.5],["a","b","c"]]; //遍历 for(var i=0;i<arr.length;i++){原创 2016-01-25 21:31:16 · 1541 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记12_js面向对象编程介绍_类(原型对象)和对象
javascript——面向对象内容介绍js面向(基于)对象编程—类(原型对象)与对象(实例)js面向(基于)对象编程—构造方法和this无论你是学习java,还是php或者c#都要对javascript要有深入的了解,现在的网页只要有动态效果就要用到javascript,javascript是必学内容,重点是学习javascript的面向对象编程。学习目标:原创 2016-01-25 21:35:29 · 2546 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记13_类和对象细节_创建对象的几种方式_js对象内存分析
对象——function特别说明在js中一切都是对象类(原型对象)其实也是对象,它实际上是Function类的一个实例,通过类我们可以创建自己的对象实例,可以通过下面的代码来说明function Person(){ } var a=new Person(); window.alert(Person.constructor);对象实例——如何创建对象实例原创 2016-01-25 21:40:15 · 987 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记14_this关键字详解
js面向(基于)对象编程——类(原型对象)与对象this—问题提出请大家先看一段代码: function Person(){ } var p1=new Person(); p1.name="顺平"; p1.age=60; window.alert(p1.name+" "+p1.age);原创 2016-01-25 21:46:06 · 1345 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记15__构造函数_成员函数详解
js面向(基于)对象编程——类(原型对象)与对象对象—对象(成员)函数的初步介绍在某些情况下,我们要需要定义对象函数。比如人对象:除了有一些属性外(成员变量表示的年龄,姓名……),我们人对象还有一些行为比如:可以说话,跑步……,通过学习,我们人还可以做算术题。这是就要用函数才能完成。现在要对Person对象完善:①添加speak函数,输出我是一个好人②添加jisuan函数,可以计算原创 2016-01-25 21:56:40 · 1275 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记16_Object类_闭包_成员函数再说明_聪明的猪小练习
js面向(基于)对象编程—类(原型对象)与对象对象—Object类Object类是所有javascript类的基类,提供了一种创建自定义对象的简单方式,不需要程序员再定义构造函数。主要属性:constructor—对象的构造函数prototype—获得类的prototype对象static性质主要方法:hasOwnProperty(pro原创 2016-01-25 22:05:29 · 966 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记17_js超级玛丽小游戏
采用面向对象思想设计超级马里奥游戏人物怎么用通过按键,来控制图片的位置这个小游戏,用面向对象会很方便,不用面向对象会很麻烦很麻烦,比如以后要讲解的坦克大战的游戏,要是用纯的面向过程或函数式的方式写,那维护起来会非常的麻烦。游戏分析:看看如何通过按钮来控制mario的位置设计相关的对象(Mario x y ...)onclick属性:当用户原创 2016-01-25 22:09:38 · 1972 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记18_js超级玛丽小游戏2_js面向对象的进一步说明
问题:怎么直接获取CSS的内容举几个例子先来测试下:先定义一个css文件#div2{ width:500px; height:200px; background-color:green; left:50px; top:200px; position:absolute;} #div3{ width:500px; height:200px; ba原创 2016-01-25 22:18:08 · 1671 阅读 · 0 评论 -
韩顺平 javascript教学视频_学习笔记19_js面向对象三大特征(封装,继承,多态)
js面向对象编程------三大特征封装继承多态面向对象的三大特征对任意的面向对象语言都是具有的,只是表现形式不一样面向对象的三大特征都是先从抽象这个概念出来的封装:什么是封装js提供有以下几种控制方法和属性的访问权限公开级别:对外公开,在类的外部可以使用私有级别:类本身可以访问,不对外原创 2016-01-26 17:04:07 · 1821 阅读 · 1 评论 -
韩顺平 javascript教学视频_学习笔记1_js课程介绍_js基本介绍
为什么要学习 javascriptjavascript是实现网页动态效果的基石,在web开发中扮演重要的角色,被广泛的应用到各个领域。① 网页游戏② 地图搜索(google,baidu)③ 股市信息查询④ web聊天……在web开发中,js是必不可少的技术!同时js也是ajax/jquery/extjs等框架的基础。1. javascript基本语法(基原创 2016-01-25 20:17:32 · 1822 阅读 · 0 评论