自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 JS中的正则表达式

Js中常见的对字符串进行操作的方法有:search(‘str’)搜索位置,当没有找到的时候,返回值为-1. substring(2,5)获得第二到第五个位置的字符串(不包括结束位置五的字符!) substring(2)从第二个位置开始往后取。 charAt()获取某个位置的字符串。 split(‘-’)切分,将字符串以‘-’符号切分成数组。 match( )将所有符合要求的提取出来。正则表

2017-07-29 01:28:17 1671

原创 原型的继承和拖拽继承实例

继承:继承通过 ‘.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 421

原创 工厂模式-原型

我需要对一个对象赋值属性,并且要给予一定的方法。使我可以不用重复的创建对象,优化代码,以下为面向过程的工厂模式:function createPerason(name,age)//构造函数:用来构造对象; { //原料 var obj =new Object(); //加工 obj.name

2017-07-29 00:56:33 388

原创 JS面向对象

首先,什么是面向对象呢?面向对象简单来讲就是在不了解原理的情况下,会使用功能。而对象就是不了解内部的结构,知道表面的各种操作,也可以称之为黑盒子(看不见内部)。而JS中的面向对象中要考虑以下问题:抽象:抓住核心问题 封装:不考虑内部实现,只考虑功能使用。 继承:从已有对象上,继承出新的对象。(多重继承和多态) 对象的组成:方法——函数:过程,动态的。 属性——变量:状态,静态的。 任何对象

2017-07-29 00:27:00 341

原创 面向对象的选项卡

1、面向对象的选项卡在直接书写上比较困难,咱们可以先用面向过程的方式写一个选项卡,然后按照:将变量变为属性,将函数变为方法的方式,通过构造函数替换window.onload进而初始化程序。 2.首先应该将其函数嵌套进行替换,使其不包含函数嵌套成分,然后看清楚this指向的值在对个别进行调整。<!DOCTYPE html><html lang="en"><head> <meta char

2017-07-29 00:14:59 655

原创 JS的面向对象-工厂方式-原型-继承

首先,什么是面向对象呢?面向对象简单来讲就是在不了解原理的情况下,会使用功能。 而对象就是不了解内部的结构,知道表面的各种操作,也可以称之为黑盒子(看不见内部)。而JS中的面向对象中要考虑以下问题: 抽象:抓住核心问题。 封装:不考虑内部实现,只考虑功能使用。 继承:从已有对象上,继承出新的对象。(多重继承和多态)对象的组成: 方法——函数:过程,动态的。 属性——变量:状态,静态的。

2017-07-28 22:34:25 229

原创 Ajax的简单使用与写法

使用Ajax: 基础: 请求并显示静态TXT文件,且运用过程中最好不要出现中文。 字符集编码。 缓存:阻止缓存。 动态数据: 请求JS(或Json)文件。 eval()的使用。 DOM创建元素。 局部刷新:请求并显示部分网页文件。调用时格式为:ajax(‘aaa.txt?t=’+newDate().getTime(),fn,fn)其中 ?之后为get数据, 对其完全没有影响。n

2017-07-28 18:53:59 254

原创 滑动条控制页面内容

1、与之前所做的拖拽原理相似,只不过去掉了Y方向的拖动。 2、在关于滑块在滑动条的位置确定时一定要记得不要被样式居中给迷惑了位置,if (l<0) { l=0; } else if (l>oParent.offsetWidth-oDiv.offsetWidth) {

2017-07-28 17:21:39 748

原创 完美拖拽-return false的用法-事件绑定

1.return false可以用来阻止默认事件即系统默认事件。例如通过阻止默认事件,来对textarea中的值进行范围限制(通过限制keycode的数值),也可以自定义在页面中的右键菜单(oncontextmenu)。2.在鼠标移动(mousemove)等事件中,是需要给事件传一个参数,保证程序的正常运行。而为了兼容取事件方法为:var oEvent=ev||event;3.在节点中创建一个新的节

2017-07-28 12:47:27 580

转载 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 245

原创 侧边悬浮框

<!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 892

原创 运动框架和隐藏边框

一个完美的运动框架是经过不断地改善调整过来的,可以适合各种样式的运动。在JS运动中一下几点是至关重要的: 1.不加绝对定位的话是肯定不会动的! 2.运动框架中:在开始运动时,关闭已有定时器。把运动和停止隔开。(if、else) 3.透明度在IE中支持:filter:alpha(opacity:30),在FF和Chrome中opacity:0.3。 4.缓冲运动中,距离越远,速度越大,速度由距

2017-07-21 17:12:50 489

原创 表格的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 242

原创 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 234

原创 无缝滚动

首先应该区分样式中的绝对定位和相对定位,一般来说,移动的单位为绝对定位,在这个实例中,移动的Ul就是绝对定位 ,否则它根本无法滚动,而它相对于div1滚动 ,则div1就作为他的相对定位。oUl.innerHTML=oUl.innerHTML+oUl.innerHTML;这段代码是实现无缝滚动的核心,使之可以在不论左右滚动的时候都有下一步图片接上去。在操作或者进行比较的时候,都要用offset取

2017-07-21 02:25:23 326

原创 数码时钟

通过建立toDBl函数将小于10的时间前面补上“0”使得时钟正常运行。通过for循环将数组中的每一项都赋值给img元素相对应的上面,str.charAt(i)通过i递增将str的每个数字输入到src中。通过封装函数tick,并调用了一次,使得网页在刷新时不会出现图片变化。通过getHours,getMinutes,getSeconds来获取当前时间的数值。并将其通过toDbl函数+‘ ’(一个

2017-07-21 00:21:25 269

原创 简单的选项卡

一个简单的选项卡的关键在于:当切换页面时,如何让所选的选项和与其对应的内容同时出现,并且在选择其他的内容时,不影响新的内容的显示。 其中用到两个很关键的思想: 1.为对象增加index属性,并通过this对index 的调用来使每个选项能显示出所对应的内容,并且属性值要设置为循环时的数值-i。 2.通过对class(类)的灵活使用,来改变当先所选中目标的样式。 3、用for循环嵌套事件对每一

2017-07-20 22:32:55 263

原创 JavaScript高级程序设计第11章-DOM扩展

jQurey的核心就是通过CSS选择符查询DOM文档去的元素的引用,从而抛开了getElementById()和getElementsByTagName().querySelector()方法接受一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。通过document类型调用querySelector()方法时,会在文档元素的范围内查找匹配的元素,通过Eleme

2017-07-20 21:42:18 201

原创 JavaScript高级程序设计-第十章-DOM

10.1节点层次1.文档节点是每个稳当的根节点,文档节点只有一个子节点,称之为文档元素,也是文档的最外层元素。 2.每个节点都有一个nodeType属性,可以通过比较确定类型,也可以通过用数字值进行对比。nodeName和nodeValue的值取决于节点的类型。 3.appendChild会在末尾插入一个新的节点,insertBefore(要插入的节点,作为参照的节点)能插入到参照节点之前,re

2017-07-03 01:48:09 321

原创 JavaScript高级程序设计笔记-第八章

使用location.assign()会打开新的URL并在浏览器的历史记录中生成一条记录。每次修改location的属性(hash除外),页面都会以新URL重新加载。在调用replace方法候,用户不能回到前一个页面。在history对象中,可以使用go()方法在用户的历史记录中任意跳转。

2017-07-02 02:16:19 201

原创 JavaScript高级程序设计笔记-8.1

全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以。moveTo()接收的是新的x和y的坐标值,moveBy()接收的是在水平和垂直方向上移动的像素数。(左上角坐标为(0,0))。使用resizeTo()接收浏览器窗口的新高度和新宽度,resizeBy()接收的是新窗口与原窗口的宽度和高度之差。使用window.open()方法既可以导航到一个特定的URL,也可以

2017-07-02 01:41:57 173

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除