[转]JavaScript基本属性方法参考

来源:互联网 发布:最新的网络歌曲名称 编辑:程序博客网 时间:2024/06/05 08:59

 

JavaScript基本属性方法参考 

作者:标哥
来源:http://www.phpchina.com/bbs/thread-14911-1-1.html

document.body.scrollTop  返回和设置当前竖向滚动条的坐标值,须与函数配合,
document.body.scrollLeft  返回和设置当前横向滚动务的坐标值,须与函数配合,
window.status=defaultStatus  将状态栏设置默认显示
Obejct.innerHTML 对象Object标签中的html源代码
Obejct.outerHTML 对象Object的html源代码(包含标签本身)
 
Math.MAX_VALUE  JavaScript中数的最大可能值;最大为1.7976931348623157e+308
Math.MIN_VALUE  JavaScript中比0大的数字的最小可能值;最小为:5e-324
Math.NaN  非数字的任意值
Math.NEGATIVE_INFINITY  JavaScript中小于最大负数的任意数字;也就是说,小于-1.7976931348623157e+308的任意数字
Math.POSITIVE_INFINITY  JavaScript中大于最大正数的任意数字;也就是说,小于1.7976931348623157e+308的任意数字
Math.E  欧拉常数(E),近似值:2.718281828459045
Math.PI  常数π,近似值:3.141592653589793
Math.abs(Number)  Number的绝对值
Math.acos(Number)  Number(必须介于-1和+1之间)的反余弦,返回值的范围在0和π弧度之间
Math.asin(Number)  Number(必须介于-1和+1之间)的反正弦,返回值的范围在-π/2和π/2弧度之间
Math.atan(Number)  Number的反正切,返回值的范围在-π/2和π/2弧度之间
Math.atan2(y, x)  y/x(这里的(x,y)是迪卡尔坐标值)的反正切,返回值的范围在-π/2和π/2弧度之间
Math.ceil(Number)  大于或等于Number的最小整数
Math.cos(Number)  Number的余弦,返回值的范围在-1和1之间
Math.exp(Number)  E的Number次幂
Math.floor(number)  小于或等于Number的最大整数,舍取所有小数
Math.log(Number)  Number的自然对数(以E为底)
Math.max(Number1, Number2)  返回Number1,Number2的较大者
Math.min(Number1, Number2)  返回Number1,Number2的较小者
Math.pow(Number1, Number2)  返回Number1的Number2次方幂
Math.random()  随机函数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
Math.round(Number)  最靠近Number的整数(对小数部分四舍五入)
Math.sin(Number)  Number的正弦,返回值的范围在-1和1之间
Math.sqrt(Number)  Number(必须大于或等于0)的平方根
Math.tan(Number)  Number(以弧度表示)的正切
Math.toString(Number)  与Number等价的字符串
parseInt(String, Base)  将字符串转换为数字,如果字符串以数字打头,后跟一些文本,则函数只返回字符串开头的整数部分。String:待转换的字符串,Base:可选,String中数字的进制,默认为10进制
parseFloat(String)  将字符串转换为数字,如果字符串以数字打头,后跟一些文本,则函数只返回字符串开头的数字部分
 
navigator.appCodeName  与浏览器相关的内部代码名
navigator.appMinorVersion  辅版本号(通常是应用于浏览器的补丁或服务包)
navigator.appName  浏览器的正式名称,对于Internet Explorer返回Microsoft Internet Explorer,对于Netscape Navigator返回Netscape
navigator.appVersion  浏览器的版本号
navigator.cookieEnabled  若用户的浏览器被设置为允许cookie,则返回true,否则返回false
navigator.cpuClass  浏览器正在运行的计算机的CUP型号(通常Intel芯片返回x86,PowerPC芯片返回PPC)
navigator.language  浏览器支持的语言(English返回en,German返回de,等等)
navigator.mimetypes  浏览器支持的所有MIME类型的数组(Internet Explorer只有在Macintosh版本5中支持该属性)
navigator.onLine  如果浏览器(IE)当前为在线模式,返回true,否则返回false
navigator.oscpu  浏览器正在运行的操作系统,某些系统中也可能报告CPU的情况
navigator.platform  浏览器正在运行的操作平台,有效值包括Win16(Windows 3.x)、Win32(Windows 9x,Me,NT,2000)、Mac68K(Macintosh 680x0)和MacPPC(Macintosh PowerPC)
navigator.product  浏览器的产品名
navigator.productSub  与浏览器产品相关的更多信息;例如Netscape 6中,这个属性返回程序创建日期
navigator.securityPolicy  浏览器支持的加密类型;Export policy意味着低加密方法;US & CA domestic policy 意味着高加密方法
navigator.systemLanguage  用户操作系统支持的默认语言,例如en-us表示英语(美国)
navigator.userAgent  包含一下属性中所有或一部分的字符串:appCodeName、appName、appVersion、language和platform
navigator.userLanguage  用户在自己系统上设置的语言
navigator.userProfile  返回一个UserProfile对象,它存储用户的个人信息
navigator.vendor  制作浏览器的公司
navigator.vendor  关于浏览器制作厂商的更多信息
 
String.anchor(Name)  将String转换为一个锚标记,这里的name属性值由Name参数给出,此方法等价于以下语句:String
String.big()  和HTML的标记一样,以相同的方式格式化String,此方法等价于以下语句:String
String.blink()  和HTML的标记一样,等价于以下语句:String
String.bold()  和HTML的标记一样,等价于一下语句:String
String.fixed()  和HTML的标记一样,等价于一下语句:String
String.fontcolor(Color)  和HTML的标记一样,等价于一下语句:String
String.fontsize(Size)  和HTML的标记一样,等价于一下语句:String
String.italics()  和HTML的标记一样,等价于一下语句:String
String.link(URL)  将String转换成一个链接标记,等价于一下语句:String
String.small()  和HTML的标记一样,等价于一下语句:String
String.strike()  和HTML的标记一样,等价于一下语句:String
String.sub()  和HTML的标记一样,等价于一下语句:String
String.sup()  和HTML的标记一样,等价于一下语句:String
String.charAt(Index)  返回String中索引位置为Index的字符
String.charCodeAt(Index)  返回String中索引位置为Index的字符代码
String.indexOf(Substring, start)  Substring在String中的第一个位置,没有返回-1
String.lastIndexOf(Substring, start)  Substring在String中的最后一个位置,没有返回-1
String.slice(Start, End)  返回String中起始索引位置为Start,结束索引位置为End之前的子字符串
String.split(Separator, Limit)  返回一个数组,这个数组的每一项都是String的子字符串,并且这些子字符串被Separator分离
String.substr(Start, Len)  返回String中起始索引位置为Start,长度为Len的子字符串
String.substring(Start, End)  返回String中起始索引位置为Start,结束索引位置为End的子字符串
String.concat(String2)  将String2连接到String的尾部。换句话说,此方法等价于:String + String2
String.fromCharCode(Code1, Code2, etc)  建立一个字符串,该字符串由与代码Code1、Code2等相应得字符组成
String.match(Regular_Expression)  从String中搜索出匹配Regular_Expression的子字符串,返回一个包含所有匹配值的数组
String.replace(Regular_Expression, Replace_String) 从String中搜索出所有匹配Regular_Expression的子字符串,并使用Replace_String取代这些子字符串
String.search(Regular_Expression)  从String中搜索出所有匹配Regular_Expression的子字符串,但只返回第一个子字符串实例的索引
String.toLowerCase()  将String全部转换为小写
String.toUpperCase()  将String全部转换为大写
 
event.clientX 返回最后一次点击鼠标X坐标值;
event.clientY 返回最后一次点击鼠标Y坐标值;
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值
event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3
 
opener  控制原打开窗体对象
parent 控制框架父级页面
WindowObject.closed  对象窗口WindowObject是否已关闭true/false
eval(String) 将字符串转换成JavaScript代码
confirm(String) 弹出确认框,确定返回true取消返回false
prompt("提示信息","预定值")  输入语句
alert(String) 弹出提示框,提示框显示内容为String
form.reset()  使form表单内的数据重置
form.submit() 使form对象提交数据
clearTimeout(Object) 清除已设置的setTimeout对象
clearInterval(Object) 清除已设置的setInterval对象
setTimeout("function", time) 设置一个超时对象
setInterval("function", time) 设置一个超时对象
 
typeof(Object)  检查Obejct的类型,值有:String,Boolean,Object,Function,Underfined
Object.prototype.OwnerAttribute = Object  为对象Object增加自定义的属性或方法
 
screen.availWidth  用户显示器可用的最大高度,以像素为单位
screen.availHeight  用户显示器可用的最大宽度,以像素为单位
screen.colorDepth 用户显示器上每像素可用的位数
screen.height 用户显示器的实际高度,以像素为单位
screen.pixelDepth (仅用于Netscape 4+)每像素最大的位数,由用户的显示设置给出
screen.width  用户显示器的实际宽度,以像素为单位
 
window.resizeTo(x, y)  将窗口设置宽高(绝对坐标)
window.resizeBy(x, y)  将窗口设置宽高(相对坐标)
window.moveTo(x, y) 将窗口移到某位置(绝对坐标)
window.moveBy(x, y) 将窗口移到某位置(相对坐标)
window.scroll(x, y)  窗口滚动条坐标,y控制上下移动,须与函数配合(绝对坐标)
window.scrollBy(x, y)  窗口滚动条坐标,y控制上下移动,须与函数配合(相对坐标)
window.focus() 使当前窗口获得焦点
window.open() window.open("地址","名称","属性")
属 性:toolbar(工具栏), location(地址栏), directions, status(状态栏), menubar(菜单栏), scrollbar(滚动条), resizable(改变大小), width(宽), height(高), fullscreen(全屏), scrollbars(全屏时无滚动条), channelmode(宽屏), left(打开窗口x坐标), top(打开窗口y坐标)
window.location = 'view-source:' + window.location.href  应用事件查看网页源代码;
 
location.protocol 用于浏览器和服务器彼此通信的协议,如http:
location.hostname  作为主机发布文档的服务器名,如www.abiaos.com
location.port 用于浏览器和服务器彼此通信的端口,如80
location.host 在地址中指定的主机名和端口,此属性等于:hostname + ":" + port
location.pathname 文档的路径和文件名。如/about/index.html
location.hash 在地址中指定的锚名,其紧跟在符号#之后
location.search 从问号(?)到末尾的地址部分,包含?在内,但不包含锚名
location.href 整个地址,等价于location
location.reload(source) 重新载入页面。Source(可选)是一个布尔值。决定浏览器从那里重载页面:使用false(默认值)来从保存页面的缓冲中载入页面;使用true来迫使浏览器从服务器载入页面。
location.replace(URL) 用历史列表取代页面,调用history.go(-1)时将跳过调用函数的页面
 
history.back() 模拟Back按钮
history.forward() 模拟Forward按钮
history.go(How_Far) 返回历史列表中的任何页面。How_Far为一个整数值,负数往后退,正数往前进,零刷新当前页面。 运行history.go(0)与运行location.reload()不一样。history.go(0)方法只刷新页面,这意味着用户已经输入的表单数据将不会改变。
 
document.activeElement 当文档有焦点时,返回有焦点的对象(IE4+)
document.alinkColor 返回或设置文档中链接的颜色,相当于标记中的alink属性
document.anchors 返回文档中所有锚组成的数组
document.applets 返回文档中由所有Java小程序(标记)组成的数组
document.bgColor 返回或设置文档的背景颜色,相当于标记中的bgcolor属性
document.cookie 返回或设置cookie
document.defaultCharset 文档中使用的默认字符集(IE4+)
document.domain 返回或设置文档的默认域名
document.embeds 返回文档中所有嵌入对象(标记)组成的数组
document.fgColor 返回或设置文档的前景(文本)颜色;相当于中的text属性
document.fileCreatedDate 返回文档创建时的日期(IE4+)
document.fileModifiedDate 返回文档最后一次修改的日期(IE4+)
document.fileSize 返回文档的字节大小(IE4+)
document.forms 返回文档中所有表单(
标记)组成的数组
document.images 返回文档中所有图像组成的数组
document.forms.length 返回当前页form表单数
document.anchors.length  返回当前页锚的数量
document.links.length  返回当前页联接的数量
document.lastModified 返回文档最后一次修改的日期
document.layers 返回文档中所有层(标记)组成的数组(仅Netscape4)
document.linkColor  返回或设置文档中未访问链接的颜色;相当于中的link属性
document.links 返回文档中所有链接组成的数组
document.location 返回或设置文档的地址
document.nameProp 返回文档的文件名(IE4+)
document.readyState 返回文档的当前状态(文档正在装载则返回loading;文档装载完毕则返回complete)(IE4+)
document.referrer 返回用户用于冲浪至当前文档的地址。如果当前文档是首页或是通过键入URL到达的页面,那么这个属性返回空字符串
document.scripts 返回文档中所有脚本(标记)组成的数组。(IE4+)
document.title 返回或设置由标记给出的文档标题</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.URL</strong> 返回或设置文档的地址</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.vlinkColor</strong> 返回或设置文档中已访问链接的颜色;相当于<body>中的vlink属性</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.captureEvents()</strong> 截取一个事件,以便它被Document对象处理,而不是被激活事件的对象处理。(Netscape4+)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.clear()</strong> 清除文档的所有文本和标记</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.close()</strong> 关闭用于向文档写入文本的输出流</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.open() </strong>打开一个输入流,向文档写入文本</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.releaseEvents() </strong> 释放被Document对象截取的事件(Netscape4+)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.routeEvent()</strong> 截取一个事件,以便它被Document对象处理,然后把这个事件传递给激活给事件的对象。(Netscape4+)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.write() </strong>向文档写入数据</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.writeln() </strong>向文档写入一行数据,后跟一个回车</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Link.target</strong> 由target属性指定的值</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Link.innerHTML</strong> 在和标记之间的文本(IE4+和Netscape6)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Link.text </strong>在和标记之间的文本(Netscape4+)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>注:</strong>每一个Link对象也是一个Location对象。也就是说所有的Location对象的属性也是Link对象的属性,但是Location对象的方法不能用于Link对象。</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Anchor.name</strong> Anchor对象name属性指定的值</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Link.innerHTML</strong> 在和标记之间的文本(IE4+和Netscape6)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Link.text </strong>在和标记之间的文本(Netscape4+)</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Image.complete </strong>如果图像还在载入,则返回false;如果图像已经完全载入,则返回true。</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong><img onAbort="…"></strong> 当图像下载被取消时触发</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong><img onError="…"> </strong>当图像载入失败时触发</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong><img onLoad="…"> </strong>当图像完全载入时触发</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>document.cookie = "Name=Value; expires=GMT_String; domain=Cookie_Domain; path=Cookie_Dir; Cooke_Secure"</strong> Name:cookie的名称;Value:cookie的值;GMT_String:表示cookie终止日期的GMT格式的字符串;Cookie_Dir:指定可以访问该cookie的最顶层目录的字符串;Cookie_Domain:指定域名或标识符的字符串;Cookie_Secure:如果为true,则该cookie只发往使用HTTPS(安全)协议链接的浏览器;如果为false(或者忽略)则发给所有的浏览器,即使使用了不安全的HTTP协议</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>new Date()</strong> 创建一个日期对象(当前时间)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>new Date("Month dd, yyyy hh:mm:ss") </strong> 创建一个日期对象</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>new Date(yyyy, mth, dd, hh, mm, ss)</strong> 创建一个日期对象</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>new Date(ms)</strong> 创建一个日期对象(ms:从GMT时间1970-1-1起的毫秒数)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getYear()</strong>  获取年份值 两位数年份</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getFullYear()</strong> 获取全年份数 四位数年份(1999,2000等)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getMonth()</strong>  获取年中的某月,从0(January)~ 11(December)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getDate()</strong> 获取月中的某日,从1~31</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getDay()</strong>  /获取当前星期值,从0(Sunday)~ 6(Staturday)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getHours()</strong>  获取当前小时数,从0(午夜)~ 23(晚上11点)</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getMinutes()</strong>  获取当前分钟数,从0~59</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getSeconds()</strong> 获取当前秒数,从0~59</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getMilliseconds()</strong>  获取当前毫秒数数,从0~999</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.getTime()</strong> 从GMT时间1970年1月1日起的毫秒数</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>Date.toLocaleString()</strong> 从时间对象中获取时间,以字符串型式存在</div><div style="MARGIN-LEFT: 26.9pt; TEXT-INDENT: -26.9pt"><strong>注</strong>:除getDay()外,其他的get函数都有一个对应的set函数。</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">对象.style.fontSize="文字大小";</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">单位:mm/cm/in英寸/pc帕/pt点/px象素/em文字高</div><div>1in=1.25cm</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">1pc=12pt</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">1pt=1.2px(800*600分辩率下)</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">文本字体属性:</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">fontSize大小</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">family字体</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">color颜色</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">fontStyle风格,取值为normal一般,italic斜体,oblique斜体且加粗</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">background:文字背景颜色,</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">backgroundImage:背景图片,取值为图片的插入路径</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">点击网页正文函数调用触发器:</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">1.onClick 当对象被点击</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">2.onLoad 当网页打开,只能书写在body中</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">3.onUnload 当网页关闭或离开时,只能书写在body中</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">4.onmouseover 当鼠标悬于其上时</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">5.onmouseout 当鼠标离开对象时</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">6.onmouseup 当鼠标松开</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">7.onmousedown 当鼠标按下键</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">8.onFocus 当对象获取焦点时</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">9.onSelect 当对象的文本被选中时</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">10.onChange 当对象的内容被改变</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">11.onBlur 当对象失去焦点</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">onsubmit=return(ss()) 表单调用时返回的值</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">直线 border-bottom:1x solid black</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">虚线 border-bottom:1x dotted black</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">点划线border-bottom:2x dashed black</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">双线 border-bottom:5x double black</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">槽状 border-bottom:1x groove black</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">脊状 border-bottom:1x ridge black</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">1.边缘高光glow(color=颜色,strength=亮光大小)</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">2.水平翻转fliph() 使对象水平翻转180度</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">3.垂直翻转flipv() 使对象垂直翻转180度</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">4.对象模糊blur(add=true/false direction=方向 strength=强度)</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">add指定是否按印象画派进行模糊direction模糊方向strength模糊强度</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">opaction对象整体不透明值finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值style指定透明方式0为整体透明,1为线型透明,2为圆型透明,3为矩形透明</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">6.去除颜色chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">7.建立阴影dropshadow(color=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">8.去色gray()使对象呈灰度显示</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">9.负片效果invert()使对象呈底片效果</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">10.高光light()使对象呈黑色显示</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">11.遮盖mask(color=颜色)使整个对象以指定颜色进行蒙板一次</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">opacity 表透明度水平.0~100,0表全透明,100表完全不透明</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">finishopacity表想要设置的渐变透明效果.0~100.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">style 表透明区的形状.0表统一形状.1表线形.2表放射形.3表长方形.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">startx.starty表渐变透明效果的开始时X和Y坐标.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">finishx,finishy渐变透明效果结束时x,y 的坐标.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">add有来确定是否在模糊效果中使有原有目标.值为0,1.0表"否",1表"是".</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">direction设置模糊的方向.0度表垂直向上,45度为一个单位.默认值是向左270度.left,right,down,up.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">strength 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">color要透明的颜色.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">offx,offy分别是x,y 方向阴影的偏移量.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影..</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">AddAmbient:加入包围的光源.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">AddCone:加入锥形光源.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">AddPoint加入点光源</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">Changcolor:改变光的颜色.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">Changstrength:改变光源的强度.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">Clear:清除所有的光源.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">MoveLight:移动光源.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">freq是波纹的频率,在指定在对象上一区需要产生多少个完事的波纹.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">lightstrength可对于波纹增强光影的效果.显著0~100正整数,正弦波开始位置是0~360度.0表从0度开始,25表从90度开始.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">strength表振幅大小.</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">hand style="cursor:hand"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">crosshair style="cursor:crosshair"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">text style="cursor:text"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">wait style="cursor:wait"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">default style="cursor:default" </div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">help style="cursor:help"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">e-resize style="cursor:e-resize"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">ne-resize style="cursor:ne-resize"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">n-resize style="cursor:n-resize"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">nw-resize style="cursor:nw-resize"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">w-resize style="cursor:w-resize"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">s-resize style="cursor:s-resize"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">sw-resize style="cursor:sw-resize "</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">se-resize style="cursor:se-resize"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt">auto style="cursor:auto"</div><div style="MARGIN-LEFT: 26.75pt; TEXT-INDENT: -26.75pt"> </div> <br><br><br></div> <ul class="list-group"> <li class="list-group-item "><a href="/article/357742">[转]JavaScript基本属性方法参考</a></li> <li class="list-group-item "><a href="/article/749858">[转]JavaScript基本属性方法参考</a></li> <li class="list-group-item "><a href="/article/765238">[转]JavaScript基本属性方法参考</a></li> <li class="list-group-item "><a href="/article/582033">JavaScript基本属性方法参考</a></li> <li class="list-group-item "><a href="/article/1342192">JavaScript基本属性方法参考</a></li> <li class="list-group-item "><a href="/article/3206167">JavaScript基本属性方法参考</a></li> <li class="list-group-item "><a href="/article/3193030">javascript属性方法参考大全</a></li> <li class="list-group-item "><a href="/article/243815">JavaScript对象与数组属性及方法参考大全</a></li> <li class="list-group-item "><a href="/article/977331">JavaScript对象、事件、属性及方法参考大全</a></li> <li class="list-group-item "><a href="/article/103778">[JavaScript] 对象与属性参考</a></li> <li class="list-group-item "><a href="/article/1416533">JavaScript CSS Style属性参考</a></li> <li class="list-group-item "><a href="/article/9054121">Date方法和属性参考</a></li> <li class="list-group-item "><a href="/article/3718234">javascript编程实用方法参考</a></li> <li class="list-group-item "><a href="/article/120014">JavaScript 参考教程[转]</a></li> <li class="list-group-item "><a href="/article/235934">javascript技巧参考 (转)</a></li> <li class="list-group-item "><a href="/article/1919291">(转)JavaScript Window属性及方法大全</a></li> <li class="list-group-item "><a href="/article/1017373">JavaScript DOM 方法 属性</a></li> <li class="list-group-item "><a href="/article/3016919">javascript对象属性方法</a></li> <li class="list-group-item "><a href="/article/765233">[原创]分表处理设计思想和实现</a></li> <li class="list-group-item "><a href="/article/765234">[转]一个功能强大的免费路由防火墙软件-pfSense</a></li> <li class="list-group-item "><a href="/article/765235">[转]开发大型高负载类网站应用的几个要点</a></li> <li class="list-group-item "><a href="/article/765236">[原创]使用FleaPHP框架构建简单留言本应用</a></li> <li class="list-group-item "><a href="/article/765237">[转]Prototype 学习笔记</a></li> <li class="list-group-item "><a href="/article/765238">[转]JavaScript基本属性方法参考</a></li> <li class="list-group-item "><a href="/article/765239">[原创]我自己想的几道入门PHP笔试题</a></li> <li class="list-group-item "><a href="/article/765240">[原创]实现基于Memcache存储的Session类</a></li> <li class="list-group-item "><a href="/article/765241">[原创]实现基于文件存储的Session类</a></li> <li class="list-group-item "><a href="/article/765242">[转]PHP开发框架的现状和展望</a></li> <li class="list-group-item "><a href="/article/765243">开业大吉</a></li> <li class="list-group-item "><a href="/article/765244">[转]权限设计及算法(PHPE)</a></li> <li class="list-group-item "><a href="/article/765245">[原创]小试 PHP5.2 的JSON</a></li> <li class="list-group-item "><a href="/article/765246">[转]JavaScript格式化代码程序</a></li> </ul> </div> </div> <div class="col-md-3 "> <div class="list-group blogblock"> <div class="media list-group-item"> <a href="/blog/42514" class="media-left col-xs-4"><img src="/upload/newsimg/1346.jpg" alt="最新的网络歌曲名称" class="img-circle"></a> <a href="/blog/42514" class="media-body"><strong>最新的网络歌曲名称</strong></a> </div> <div class="list-group-item clearfix"><span class="col-xs-4">原创</span><span class="col-xs-4">粉丝</span><span class="col-xs-4">点击</span></div> </div> <div class="list-group index-blogs"> <strong class="list-group-item active">热门IT博客</strong> <div class="media list-group-item"> <a href="/blog/332850" class="media-left col-xs-4"><img src="/upload/newsimg/2530.jpg" alt="图片拼凑软件" class="img-circle"></a><a href="/blog/332850" class="media-body"><strong>图片拼凑软件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332851" class="media-left col-xs-4"><img src="/upload/newsimg/2531.jpg" alt="jquery源码 on方法" class="img-circle"></a><a href="/blog/332851" class="media-body"><strong>jquery源码 on方法</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332852" class="media-body"><strong>考驾照软件手机软件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332853" class="media-body"><strong>淘宝客鹊桥网站</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332854" class="media-body"><strong>知乎怎么看题主</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332855" class="media-body"><strong>java和大数据的区别</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332856" class="media-body"><strong>mac 窗口超出屏幕</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332857" class="media-body"><strong>visio网络拓扑图素材</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332858" class="media-body"><strong>中西部地区的淘宝村</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332859" class="media-body"><strong>陈田拆车件市场淘宝</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332860" class="media-body"><strong>node sass dose not</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332861" class="media-body"><strong>java中的数据结构</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332862" class="media-body"><strong>淘宝保健品店</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332863" class="media-body"><strong>苏宁易购掌上抢软件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332864" class="media-body"><strong>java开发项目流程</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332865" class="media-body"><strong>suse linux 网关</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332866" class="media-body"><strong>gov域名注册</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332867" class="media-body"><strong>中国商业源码网</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332868" class="media-body"><strong>山东数据恢复</strong></a> </div> <div class="media list-group-item"> <a href="/blog/332869" class="media-body"><strong>源码时代教育怎么样</strong></a> </div> </div> <div class="list-group"> <strong class="list-group-item active">热门问题</strong> <a class="list-group-item" href="/focus/show/2438858/1">老师的惩罚</a> <a class="list-group-item" href="/focus/show/2438857/1">人脸识别</a> <a class="list-group-item" href="/focus/show/2438856/1">我在镇武司摸鱼那些年</a> <a class="list-group-item" href="/focus/show/2438855/1">重生之率土为王</a> <a class="list-group-item" href="/focus/show/2438854/1">我在大康的咸鱼生活</a> <a class="list-group-item" href="/focus/show/2438853/1">盘龙之生命进化</a> <a class="list-group-item" href="/focus/show/2438852/1">天生仙种</a> <a class="list-group-item" href="/focus/show/2438851/1">凡人之先天五行</a> <a class="list-group-item" href="/focus/show/2438850/1">春回大明朝</a> <a class="list-group-item" href="/focus/show/2438849/1">姑娘不必设防,我是瞎子</a> <a class="list-group-item" href="/focus/show/47487/1">一的意思</a> <a class="list-group-item" href="/focus/show/47488/1">在线听歌播放</a> <a class="list-group-item" href="/focus/show/47489/1">一拼音</a> <a class="list-group-item" href="/focus/show/47490/1">yinye</a> <a class="list-group-item" href="/focus/show/47491/1">一的读音</a> <a class="list-group-item" href="/focus/show/47492/1">在线播放歌曲</a> <a class="list-group-item" href="/focus/show/47493/1">听歌网站</a> <a class="list-group-item" href="/focus/show/47494/1">听歌网</a> <a class="list-group-item" href="/focus/show/47495/1">手机在线听歌</a> <a class="list-group-item" href="/focus/show/47496/1">一的拼音</a> <a class="list-group-item" href="/focus/show/47497/1">在线听歌曲</a> <a class="list-group-item" href="/focus/show/47498/1">yingyue</a> <a class="list-group-item" href="/focus/show/47499/1">在线歌曲</a> <a class="list-group-item" href="/focus/show/47500/1">在线试听</a> <a class="list-group-item" href="/focus/show/47501/1">一达通</a> <a class="list-group-item" href="/focus/show/47502/1">如何挽留一段感情</a> <a class="list-group-item" href="/focus/show/47503/1">一山湖</a> <a class="list-group-item" href="/focus/show/47504/1">一妇婴</a> <a class="list-group-item" href="/focus/show/47505/1">推一把</a> <a class="list-group-item" href="/focus/show/47506/1">一米鲜</a> <a class="list-group-item" href="/focus/show/47507/1">第一坊</a> <a class="list-group-item" href="/focus/show/47508/1">一财网</a> <a class="list-group-item" href="/focus/show/47509/1">一刻</a> <a class="list-group-item" href="/focus/show/47510/1">一钱包</a> <a class="list-group-item" href="/focus/show/47511/1">一游网</a> <a class="list-group-item" href="/focus/show/47512/1">一箱啤酒多少钱</a> <a class="list-group-item" href="/focus/show/47513/1">一日禅</a> <a class="list-group-item" href="/focus/show/47514/1">一度</a> <a class="list-group-item" href="/focus/show/47515/1">一医院</a> <a class="list-group-item" href="/focus/show/47516/1">健一网</a> <a class="list-group-item" href="/focus/show/47517/1">二打一</a> <a class="list-group-item" href="/focus/show/47518/1">国一堂</a> <a class="list-group-item" href="/focus/show/47519/1">一片红</a> <a class="list-group-item" href="/focus/show/47520/1">丰胸一次多少钱</a> <a class="list-group-item" href="/focus/show/47521/1">一兜糖</a> <a class="list-group-item" href="/focus/show/47522/1">一点灵</a> <a class="list-group-item" href="/focus/show/47523/1">新一站</a> <a class="list-group-item" href="/focus/show/47524/1">脑袋一跳一跳的疼</a> <a class="list-group-item" href="/focus/show/47525/1">一部电梯多少钱</a> <a class="list-group-item" href="/focus/show/47526/1">一团网</a> <a class="list-group-item" href="/focus/show/47527/1">一分网</a> </div></div> </div> </div> <div id="footer" class="footer hidden-print bg-primary"> <div class="container"> <div class="hide"></div> <p>程序博客网,程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里</p> </div> </div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>