- 博客(25)
- 收藏
- 关注
原创 CSS3 多列
column-count:把 div 元素中的文本分隔为三列:div{column-count:3;}column-gap 属性规定列之间的间隔
2018-07-23 16:57:29 219
原创 CSS3 动画
<style> div{width:100px;height:100px;background:red;position:relative;animation-name:myfirst;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infi...
2018-07-23 16:53:54 249
原创 CSS3 3D 转换
rotateX() 方法通过 rotateX() 方法,元素围绕其 X 轴以给定的度数进行旋转。transform:rotateX(120deg);rotateY() 旋转通过 rotateY() 方法,元素围绕其 Y 轴以给定的度数进行旋转。transform:rotateY(130deg);...
2018-07-23 15:00:58 161
原创 CSS3 2D 转换
translate() 方法通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数:transform:translate(50px,60px)—则元素相对于原来的位置在向右移动了50px,向下移动了60px。rotate() 方法通过 rotate() 方法,元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转...
2018-07-23 14:58:07 142
原创 CSS3背景
background-size:xpx xpx(x% x%)background-origin:1.background-origin 属性规定背景图片的定位区域。背景图片可以放置于 content-box、padding-box 或 border-box 区域。3.多重背景图片:body{ background-image:url( ),url( );...
2018-07-20 16:20:50 156
原创 闭包
如果M想调用B,A包含B,那么B的结果或作用不会输出而是返回给A,那么M就可以调用B了。而A的作用域不能释放,除非当M()=null的时候,A才能释放。
2018-07-18 17:08:32 161
原创 JS高级程序设计-笔记1
NaN:parseInt()parseFloatobject按位非操作按位与操作按位或操作按为异或左移左移不会影响操作符的符号,如果是-2左移五位,那么结果就是-64.布尔操作符if语句with语句...
2018-07-16 15:46:13 192
原创 关于this.name=name的理解
比如:public Employee(name, age){this.name = name;this.age = age; } 前一个name为Employee或者说类的属性,而后一个name则指的是一个函数的一个参数(变量,比如张三李四),而后面这个函数的参数就是用于给前一个类的属性赋值的,或者说后面的name就是当前对象的name要修改的值比如: ...
2018-07-12 17:44:53 21371 2
转载 原型对象和原型链
在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象 Object 和 函数对象 Function。一般而言,通过 new Function 产生的对象是函数对象,其他对象都是普通对象。 其实 prototype 的主要作用就是继承。 通俗一点讲,prototype 中定义的属性和方法都是留给自己的 “后代” 用的,因此,子类完全可以访问prototype中的属性和...
2018-07-12 11:39:13 275
原创 判断JS数据类型的四种方法
1、typeoftypeof 是一个操作符,其右侧跟一个一元表达式,并返回这个表达式的数据类型。返回的结果用该类型的字符串(全小写字母)形式表示,包括以下 7 种:number、boolean、symbol、string、object、undefined、function 等。对于基本类型,除 null 以外,均可以返回正确的结果。对于引用类型,除 function 以外,一律返回 object ...
2018-07-12 11:13:47 257
原创 JavaScript数据类型(部分)
1.Stringa.charCodeAt 的作用是获取字符的 Unicode 编码,俗称 “Unicode 码点”。fromCharCode 是 String 对象上的静态方法,作用是根据 Unicode 编码返回对应的字符。 b.substr(start [, length])substring(start [, end])slice(start [, end])...
2018-07-11 18:07:10 201
原创 JavaScript RegExp(正则表达式) 对象
1.什么是 RegExp?RegExp 是正则表达式的缩写。当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。您可以规定字符串中的检索位置,以及要检索的字符类型,等等。2.创建 RegExp 对象的语法:new RegExp(pattern, attributes);参...
2018-07-11 15:36:55 201
原创 JavaScript Math(算数)对象
1.返回估算值(四舍五入):document.write(Math.round())2.返回0-1之间的随机数:document.write(Math.random())3.返回两个数间的较大值和较小值:document.write(Math.max(a,b)) document.write(Math.min(a,b))4.JavaScript 提供 8 种可被 Math 对象访问的算数值...
2018-07-11 14:43:25 155
原创 JavaScript Array(数组)对象
1.合并两个数组:document.write(arr(a).concat(arr(b))2.将元素组成字符串:document.write(arr.join(""))3.从字面上对数组进行排序:document.write(arr.sort())4.从数值上对数组进行排序:document.write(arr.sort(number))5.赋值的方法:(1)var myArray=new Arr...
2018-07-11 14:32:33 186
原创 JavaScript Date(日期)对象
1.返回当日日期:document.write(Date())2.返回从 1970 年 1 月 1 日至今的毫秒数:var d=new Date();document.write("从 1970/01/01 至今已过去 " + d.getTime() + " 毫秒");3.在网页上显示钟表:<html><head><script type="text/javascri...
2018-07-11 14:20:12 274
原创 JavaScript String(字符串)对象
计算字符串的长度:document.write(txt.length)为字符添加样式:document.write( txt.big() )【Big可替换】
2018-07-11 11:37:34 112
原创 JS对象
1.<!doctype html><html><body><script>person=new Object();person.firstname="Bill";person.lastname="Gates"person.age=56;document.write(person.firstname +" is "+ person.age
2018-07-11 11:18:30 135
原创 JavaScript for...in 循环
语法:for(对象中的变量){要执行的代码}注释:for...in 循环中的代码块将针对每个属性执行一次。<!DOCTYPE html><html><body><p>点击下面的按钮,循环遍历对象 "person" 的属性。</p><button onclick="myFunction()">点击这里&a
2018-07-11 11:18:07 124
原创 JS对HTML事件作出反应
例如:点击改变网页内容:代码:网页表现:点击以后:onchange事件:代码:输入字母:离开后:onmouseover 和 onmouseout 事件代码:网页表现:放上鼠标:鼠标离开:onmousedown和onmouseup事件代码:点击前:点击后:...
2018-07-09 17:02:22 617
原创 使用JS改变HTML内容
修改 HTML 内容的最简单的方法是使用 innerHTML 属性。1.代码:网页显示:如需改变HTML元素的属性,则应使用:document.getElementById(id).attribute=new value比如:document.getElementById(id).src="xxx.jpg";如需改变HTML元素的样式,则应使用:document.getElementById(id...
2018-07-09 15:47:35 21674
原创 JS的错误和提示
使用Throw、Try、Catch。JavaScript 语句 try 和 catch 是成对出现的。代码如下:该代码下的网页为:1.2.3.4.
2018-07-09 15:32:40 3251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人