笔记
zhaoke_930325
这个作者很懒,什么都没留下…
展开
-
JavaScript高级程序设计笔记-8.1
全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以。moveTo()接收的是新的x和y的坐标值,moveBy()接收的是在水平和垂直方向上移动的像素数。(左上角坐标为(0,0))。使用resizeTo()接收浏览器窗口的新高度和新宽度,resizeBy()接收的是新窗口与原窗口的宽度和高度之差。使用window.open()方法既可以导航到一个特定的URL,也可以原创 2017-07-02 01:41:57 · 166 阅读 · 0 评论 -
原型的继承和拖拽继承实例
继承:继承通过 ‘.call( )’方法进行,可以通过不同的参数来改变this的值:function show(a,b) { alert('this是:'+this+'\na是:'+a+'\nb是'+b); }; show(12,5); show.call('abc',12,5);//this的值可以改变现在通过原创 2017-07-29 01:03:26 · 417 阅读 · 0 评论 -
工厂模式-原型
我需要对一个对象赋值属性,并且要给予一定的方法。使我可以不用重复的创建对象,优化代码,以下为面向过程的工厂模式:function createPerason(name,age)//构造函数:用来构造对象; { //原料 var obj =new Object(); //加工 obj.name原创 2017-07-29 00:56:33 · 388 阅读 · 0 评论 -
JS面向对象
首先,什么是面向对象呢?面向对象简单来讲就是在不了解原理的情况下,会使用功能。而对象就是不了解内部的结构,知道表面的各种操作,也可以称之为黑盒子(看不见内部)。而JS中的面向对象中要考虑以下问题:抽象:抓住核心问题 封装:不考虑内部实现,只考虑功能使用。 继承:从已有对象上,继承出新的对象。(多重继承和多态) 对象的组成:方法——函数:过程,动态的。 属性——变量:状态,静态的。 任何对象原创 2017-07-29 00:27:00 · 340 阅读 · 0 评论 -
JS的面向对象-工厂方式-原型-继承
首先,什么是面向对象呢?面向对象简单来讲就是在不了解原理的情况下,会使用功能。 而对象就是不了解内部的结构,知道表面的各种操作,也可以称之为黑盒子(看不见内部)。而JS中的面向对象中要考虑以下问题: 抽象:抓住核心问题。 封装:不考虑内部实现,只考虑功能使用。 继承:从已有对象上,继承出新的对象。(多重继承和多态)对象的组成: 方法——函数:过程,动态的。 属性——变量:状态,静态的。原创 2017-07-28 22:34:25 · 228 阅读 · 0 评论 -
Ajax的简单使用与写法
使用Ajax: 基础: 请求并显示静态TXT文件,且运用过程中最好不要出现中文。 字符集编码。 缓存:阻止缓存。 动态数据: 请求JS(或Json)文件。 eval()的使用。 DOM创建元素。 局部刷新:请求并显示部分网页文件。调用时格式为:ajax(‘aaa.txt?t=’+newDate().getTime(),fn,fn)其中 ?之后为get数据, 对其完全没有影响。n原创 2017-07-28 18:53:59 · 254 阅读 · 0 评论 -
JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,
IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中: document.body.c转载 2017-07-21 22:19:31 · 244 阅读 · 0 评论 -
侧边悬浮框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>右侧悬浮框2</title> <style type="text/css"> #img1{ width: 200px; height: 200px; posi原创 2017-07-21 21:56:36 · 889 阅读 · 0 评论 -
运动框架和隐藏边框
一个完美的运动框架是经过不断地改善调整过来的,可以适合各种样式的运动。在JS运动中一下几点是至关重要的: 1.不加绝对定位的话是肯定不会动的! 2.运动框架中:在开始运动时,关闭已有定时器。把运动和停止隔开。(if、else) 3.透明度在IE中支持:filter:alpha(opacity:30),在FF和Chrome中opacity:0.3。 4.缓冲运动中,距离越远,速度越大,速度由距原创 2017-07-21 17:12:50 · 486 阅读 · 0 评论 -
表格的DOM操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格的添加和删除</title> <script type="text/javascript"> window.onload=function(){ var oTab = document.getElementBy原创 2017-07-21 16:27:49 · 238 阅读 · 0 评论 -
DOM的应用
1、子节点的删除可以用’javascript:;’来作为删除选项:for (var i = 0; i < aA.length; i++) { aA[i].onclick = function(){ oUl.removeChild(this.parentNode); }; }2、childNodes只支持I原创 2017-07-21 11:20:19 · 230 阅读 · 0 评论 -
无缝滚动
首先应该区分样式中的绝对定位和相对定位,一般来说,移动的单位为绝对定位,在这个实例中,移动的Ul就是绝对定位 ,否则它根本无法滚动,而它相对于div1滚动 ,则div1就作为他的相对定位。oUl.innerHTML=oUl.innerHTML+oUl.innerHTML;这段代码是实现无缝滚动的核心,使之可以在不论左右滚动的时候都有下一步图片接上去。在操作或者进行比较的时候,都要用offset取原创 2017-07-21 02:25:23 · 324 阅读 · 0 评论 -
JavaScript高级程序设计第11章-DOM扩展
jQurey的核心就是通过CSS选择符查询DOM文档去的元素的引用,从而抛开了getElementById()和getElementsByTagName().querySelector()方法接受一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。通过document类型调用querySelector()方法时,会在文档元素的范围内查找匹配的元素,通过Eleme原创 2017-07-20 21:42:18 · 201 阅读 · 0 评论 -
JavaScript高级程序设计-第十章-DOM
10.1节点层次1.文档节点是每个稳当的根节点,文档节点只有一个子节点,称之为文档元素,也是文档的最外层元素。 2.每个节点都有一个nodeType属性,可以通过比较确定类型,也可以通过用数字值进行对比。nodeName和nodeValue的值取决于节点的类型。 3.appendChild会在末尾插入一个新的节点,insertBefore(要插入的节点,作为参照的节点)能插入到参照节点之前,re原创 2017-07-03 01:48:09 · 318 阅读 · 0 评论 -
JavaScript高级程序设计笔记-第八章
使用location.assign()会打开新的URL并在浏览器的历史记录中生成一条记录。每次修改location的属性(hash除外),页面都会以新URL重新加载。在调用replace方法候,用户不能回到前一个页面。在history对象中,可以使用go()方法在用户的历史记录中任意跳转。原创 2017-07-02 02:16:19 · 201 阅读 · 0 评论 -
JS中的正则表达式
Js中常见的对字符串进行操作的方法有:search(‘str’)搜索位置,当没有找到的时候,返回值为-1. substring(2,5)获得第二到第五个位置的字符串(不包括结束位置五的字符!) substring(2)从第二个位置开始往后取。 charAt()获取某个位置的字符串。 split(‘-’)切分,将字符串以‘-’符号切分成数组。 match( )将所有符合要求的提取出来。正则表原创 2017-07-29 01:28:17 · 1669 阅读 · 0 评论