javascript-对象

来源:互联网 发布:python 字典值为列表 编辑:程序博客网 时间:2024/06/06 02:11

javascript 所有事物都是对象

对象是带有属性和方法的特殊数据类型

0.自定义对象

   创建对象有三种方法 :

 1)literals直接创建,是简化的方法

    例子

   

var obj = {}//创建空对象var obj ={ num:'2'//设置对象属性 fn:function(){}//设置对象方法}
访问对象
obj.num//访问对象的属性obj.fn()//访问对象的方法


 

1.window对象

  获取窗口(应该是浏览器的窗口)的文档显示区的高度和宽度,不含滚动条窗口和工具窗口

  var w = window.innerWidth;  var h = window.innerHeight;

2.Date对象

var t = new Date().getTime()
返回1970年1月1日到至今的毫秒数


3.Math对象

var a = Math.floor(1.6);

将返回1,下取整。更多数学函数参考链接

var a = Math.random():
返回0~1之间的随机数

4.DOM对象

DOM是document的缩写,把一个网页看成一个对象

  1)getElementById方法

<p id="demo">单击按钮来改变这一段中的文本。</p><button onclick="myFunction()">点我</button><script>function myFunction(){document.getElementById("demo").innerHTML="Hello World";};</script>

相当于jquery的$(#divid).text();

  2)setAttribute方法

<input value="OK"><p id="demo">点击按钮来设置按钮的 type 属性。</p><button onclick="myFunction()">试一下</button><script>function myFunction(){document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); }</script>

相当于jquery的

$(#divname).animate({type:button})

只不过这个是有渐变过程的动画



原创粉丝点击