码迷,mamicode.com
首页 > 编程语言 > 详细

#笔记#JavaScript进阶篇一

时间:2016-03-18 16:03:20      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

 

#JavaScript进阶篇

http://www.imooc.com/learn/10

 

#认识DOM

技术分享

 

#window对象

技术分享

  

浏览器窗口可视区域监测——

 

在不同浏览器(PC)都实用的 JavaScript 方案:

var w= document.documentElement.clientWidth || document.body.clientWidth;

var h= document.documentElement.clientHeight || document.body.clientHeight;

技术分享 

 

网页内容尺寸监测——

 

浏览器兼容性

var w=document.documentElement.scrollWidth || document.body.scrollWidth;

var h=document.documentElement.scrollHeight || document.body.scrollHeight;

技术分享

 

#常用函数对象属性介绍1

Date常用对象——

技术分享

 

history 对象——

 

history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

注意: 从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

语法: window.history.[属性|方法]

注意:window可以省略。

技术分享

 

location对象——

 

location用于获取或设置窗体的URL,并且可以用于解析URL。

语法: location.[属性|方法]

技术分享

 

navigator对象——

 

navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

对象属性:

技术分享

 

screen对象——

 

screen对象用于获取用户的屏幕信息。

语法:window.screen.属性

1. screen.height 返回屏幕分辨率的高

2. screen.width 返回屏幕分辨率的宽

注意:

1.单位以像素计。

2. window.screen 对象在编写时可以不使用 window 这个前缀

对象属性:

技术分享

* height:整个屏幕可视区域的高度;availHeight:减去操作系统占用高度(浏览器的整体高度)

 

slice() 方法可从已有的数组中返回选定的元素[返回一个新的子数组]。

语法:arrayObject.slice(start,end)

技术分享

注意:

0.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

1. 可使用负值从数组的尾部选取元素。

2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

3. String.slice() 与 Array.slice() 相似。

 

sort()方法使数组中的元素按照一定的顺序排列。

语法: arrayObject.sort(方法函数)

技术分享

注意:

1.如果不指定<方法函数>,则按unicode码顺序排列。

2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

3.<方法函数>要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。其返回值如下(比较函数应该具有两个参数 a 和 b): 

  若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。

  若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。

  若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

 咧子,按数字排列:

<script type="text/javascript">
  function sortNum(a,b) {
  return a - b;
 //升序,如降序则把“a - b”该成“b - a”
}
 var myarr = new Array("80","16","50","6","100","1");
  document.write(myarr + "<br>");
  document.write(myarr.sort(sortNum));
</script>

 

  

#笔记#JavaScript进阶篇一

标签:

原文地址:http://www.cnblogs.com/aileLiu/p/5292331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!