JavaScript学习笔记(二)JS对象

【javascript对象】
  • 字符串:
var txt     var  str

-document.write(txt.length)
-txt.fontcolor("Red")
-str.indexOf("Hello")
-str.match("world")
-str.replace(/Microsoft/,"W3School")
  • 关于时间:
var d = new Date()

-document.write(Date())    // ->     Wed Jul 17 16:02:45 2013
-d.setFullYear(1992,10,3)   //  ->       Tue Nov 3 16:06:04 UTC+0800 1992
-d.toUTCString()
-d.getTime()                      //返回从1970.1.1的毫秒数 
-d.getDay()                       //  ->      显示星期几,数字。例如今天星期三就显示3
-d.getHours()  //  d.getMinutes()  //  d.getSeconds()

innerHTML: 是对象的属性。需要显示在标签里的内容不能直接用document.write,innerHTML可以改变内容和样式:
DH.innerHTML="<i><u>我姓肖!</u></i>"

  • 数组:
【创建】
var mycar = new Array(3)
mycar[0] = "BMW"
mycar[1] = "RR"
mycar[2] = "benz"
输出数组:document.write(arr)
【遍历方法】
1>  for(i=0; i<mycar.length; i++)
2>  var x
      for(x in mycar)
【合并两个数组】
var arr1 = newArray(3)  ...
var arr2 = newArray(3)  ...
document.write(arr1. concat(arr2))
【排序】
文字:var arr = new Array(3)  ...   document.write( arr.sort())
数字:

  • 算数对象 Math
Math.round(0.6)    //四舍五入
Math.random()      //0~1的随机数
Math.max(3,5)       //返回较大值

  • 焦点,Anchor对象
点击文本框光标在其中,则获得了焦点;点击超链接出现虚线框,则获得了焦点。
myAnchor是一个超级链接的id

得到焦点:document.getElementById('myAnchor').focus()
失去焦点:document.getElementById('myAnchor').blur()
添加快捷键:document.getElementById('w3').accessKey="w"   ->  快捷键为alt+w
改变超链接的文字:document.getElementById('myAnchor').innerHTML="访问 W3School"
改变超链接的URL:document.getElementById('myAnchor').href="http://www.w3school.com.cn"
改变超链接打开时候的窗口(默认为“_self”):document.getElementById('myAnchor').target="_blank"
  • document对象
document.write(document.title)           返回这个html文档的title
document.URL                                 返回当前URL
document.referrer                 返回当前页面引用者的URL,即上一级页面
document.domain                  返回服务器域名
document.getElementsByName("myInput").length             返回name属性为myinput的元素个数
document.anchors.length                       返回本页面中锚的个数
document.anchors[0].innerHTML           返回第一个锚的内容
document.forms.length                           返回本页面中表单的个数
document.forms[0].name   /  document.getElementById("Form1").name           两种方式->返回第一个表单的名字
document.images.length            返回本页面中图片的数目
  • event对象
body中通过οnmοuseup="show_coor(event)"    /    οnkeydοwn="show_unicode(event)"    触发
event.button           鼠标哪个按钮
event.clientX           点击处的坐标
event.screenX         相对于屏幕的坐标
event.keyCode        键盘按键的unicode
event.shiftKey         某个键是否被按
event.type               触发的事件类型
  • form和input对象


  • option和select对象



  • window对象
window.open("http://www.w3school.com.cn")
window.open("http://www.w3school.com.cn","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
一次打开多个
alert(window.location)         显示含有当前窗口URL的对话框
window.location="/index.html"          将当前页面重定向到index.html
window.print()
window.scrollBy(100,100)
var t=setTimeout("alert('5 seconds!')",5000)
var t1=setTimeout("document.getElementById('txt').value='2 seconds!'",2000)    //setTimeout(“1”,2000)表示1这个动作隔2000毫秒进行一次
clearTimeout(t)    //停止计时
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值