#笔记#JavaScript进阶篇一

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了#笔记#JavaScript进阶篇一相关的知识,希望对你有一定的参考价值。

 

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进阶篇一的主要内容,如果未能解决你的问题,请参考以下文章

Javascript进阶篇——(DOM—节点---属性访问节点)—笔记整理

Android攻城狮学习笔记-进阶篇一

JavaScript进阶学习——DOM对象

Javascript进阶篇——(DOM—节点---插入删除和替换元素创建元素创建文本节点)—笔记整理

学习笔记JS进阶语法一DOM进阶

学习笔记JS进阶语法一DOM基础