javascript-对象

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})

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



posted @ 2017-08-23 13:31  开往春天的拖拉机  阅读(137)  评论(0编辑  收藏  举报