回忆之旅

我很向往山村的农庄生活，他们的热情，让我无法抗拒！ 51EOO.COM

日志

关于我

搜索易悦分享

文章分类

javascript属性

2009-04-23 10:16:56| 分类：技术分享 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

Javascript一些方法和属性总结

javascript 一些事件，属性

javascript事件查询综合

click() 对象.click() 使对象被点击。

closed 对象.closed 对象窗口是否已关闭true/false

clearTimeout(对象) 清除已设置的setTimeout对象

clearInterval(对象) 清除已设置的setInterval对象

confirm("提示信息") 弹出确认框，确定返回true取消返回false

cursor:样式更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize

event.clientX 返回最后一次点击鼠标X坐标值；

event.clientY 返回最后一次点击鼠标Y坐标值；

event.offsetX 返回当前鼠标悬停X坐标值

event.offsetY 返回当前鼠标悬停Y坐标值

document.write(document.lastModified) 网页最后一次更新时间

document.ondblclick=x 当双击鼠标产生事件

document.onmousedown=x 单击鼠标键产生事件

document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合,

document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配合，

document.title document.title="message"; 当前窗口的标题栏文字

document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色

document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色

document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色

document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色

document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色

document.forms.length 返回当前页form表单数

document.anchors.length 返回当前页锚的数量

document.links.length 返回当前页联接的数量

document.onmousedown=x 单击鼠标触发事件

document.ondblclick=x 双击鼠标触发事件

defaultStatus window.status=defaultStatus; 将状态栏设置默认显示

function function xx(){...} 定义函数

isNumeric 判断是否是数字

innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码

innerText divid.innerText=xx 将以div定位以id命名的对象值设为XX

location.reload(); 使本页刷新，target可等于一个刷新的网页

Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整

Math.floor(number) 将对象number转为整数，舍取所有小数

Math.min(1,2) 返回1,2哪个小

Math.max(1,2) 返回1,2哪个大

navigator.appName 返回当前浏览器名称

navigator.appVersion 返回当前浏览器版本号

navigator.appCodeName 返回当前浏览器代码名字

navigator.userAgent 返回当前浏览器用户代标志

onsubmit onsubmit="return(xx())" 使用函数返回值

opener opener.document.对象控制原打开窗体对象

prompt xx=window.prompt("提示信息","预定值"); 输入语句

parent parent.框架名.对象控制框架页面

return return false 返回值

random 随机参数（0至1之间）

reset() form.reset(); 使form表单内的数据重置

split("") string.split("") 将string对象字符以逗号隔开

submit() form对象.submit() 使form对象提交数据

String对象的 charAt(x)对象反回指定对象的第多少位的字母

lastIndexOf("string") 从右到左询找指定字符，没有返回-1

indexOf("string") 从左到右询找指定字符，没有返回-1

LowerCase() 将对象全部转为小写

UpperCase() 将对象全部转为大写

substring(0,5) string.substring(x,x) 返回对象中从0到5的字符

setTimeout("function",time) 设置一个超时对象

setInterval("function",time) 设置一个超时对象

toLocaleString() x.toLocaleString() 从x时间对象中获取时间，以字符串型式存在

typeof(变量名) 检查变量的类型，值有：String,Boolean,Object,Function,Underfined

window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3

window.screen.availWidth 返回当前屏幕宽度(空白空间)

window.screen.availHeight 返回当前屏幕高度(空白空间)

window.screen.width 返回当前屏幕宽度(分辨率值)

window.screen.height 返回当前屏幕高度(分辨率值)

window.document.body.offsetHeight; 返回当前网页高度

window.document.body.offsetWidth; 返回当前网页宽度

window.resizeTo(0,0) 将窗口设置宽高

window.moveTo(0,0) 将窗口移到某位置

window.focus() 使当前窗口获得焦点

window.scroll(x,y) 窗口滚动条坐标，y控制上下移动，须与函数配合

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 应用事件查看网页源代码;

a=new Date(); //创建a为一个新的时期对象

y=a.getYear(); //y的值为从对象a中获取年份值两位数年份

y1=a.getFullYear(); //获取全年份数四位数年份

m=a.getMonth(); //获取月份值

d=a.getDate(); //获取日期值

d1=a.getDay(); //获取当前星期值

h=a.getHours(); //获取当前小时数

m1=a.getMinutes(); //获取当前分钟数

s=a.getSeconds(); //获取当前秒钟数

对象.style.fontSize="文字大小";

单位：mm/cm/in英寸/pc帕/pt点/px象素/em文字高

1in=1.25cm

1pc=12pt

1pt=1.2px(800*600分辩率下)

文本字体属性：

fontSize大小

family字体

color颜色

fontStyle风格，取值为normal一般,italic斜体,oblique斜体且加粗

fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold

letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm

textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线

background:文字背景颜色,

backgroundImage:背景图片,取值为图片的插入路径

点击网页正文函数调用触发器：

1.onClick 当对象被点击

2.onLoad 当网页打开,只能书写在body中

3.onUnload 当网页关闭或离开时,只能书写在body中

4.onmouseover 当鼠标悬于其上时

5.onmouseout 当鼠标离开对象时

6.onmouseup 当鼠标松开

7.onmousedown 当鼠标按下键

8.onFocus 当对象获取焦点时

9.onSelect 当对象的文本被选中时

10.onChange 当对象的内容被改变

11.onBlur 当对象失去焦点

onsubmit=return(ss())表单调用时返回的值

直线 border-bottom:1x solid black

虚线 border-bottom:1x dotted black

点划线 border-bottom:2x dashed black

双线 border-bottom:5x double black

槽状 border-bottom:1x groove black

脊状 border-bottom:1x ridge black

评论这张

转发至微博

阅读(102)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082066080082081068084084082095085087080065084095081065085',
              blogTitle:'javascript属性',
              blogAbstract:'<p style=\"TEXT-INDENT: 2em;\"  \><a rel=\"nofollow\" href=\"http://www.cnblogs.com/a511029/archive/2009/04/22/1441687.html\"  \>Javas<wbr\>cript一些方法和属性总结</a\> </p\>  <p style=\"TEXT-INDENT: 2em;\"  \></p\>  <p style=\"TEXT-INDENT: 2em;\"  \>javas<wbr\>cript 一些事件，属性</p\>  <p style=\"TEXT-INDENT: 2em;\"  \>javas<wbr\>cript事件查询综合</p\>  <p style=\"TEXT-INDENT: 2em;\"  \>click() 对象.click() 使对象被点击。</p\>  <p style=\"TEXT-INDENT: 2em;\"  \>closed 对象.closed 对象窗口是否已关闭true/false</p\>  <p style=\"TEXT-INDENT: 2em;\"  \>clearTimeout(对象) 清除已设置的setTimeout对象</p\>  <p style=\"TEXT-INDENT: 2em;\"  \>clearInterval(对象) 清除已设置的setInterval对象</p\>  <p style=\"TEXT-INDENT: 2em;\"  \>confirm(\"提示信息\") 弹出确认框，确定返回true取消返回false</p\>  <p style=\"TEXT-INDENT: 2em;\"  \>cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize</p\>  ',
              blogTag:'javascript属性',
              blogUrl:'blog/static/1112097212009323101656647',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1361545948477,
              publishTime:1240453016647,
              permalink:'blog/static/1112097212009323101656647',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'搜索易悦分享',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/1112097212009323101656647">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

回忆之旅

导航

日志

javascript属性

历史上的今天

最近读者

热度

评论

页脚