js入门必读--和你分享js的学习之路1

最新推荐文章于 2018-01-30 14:52:56 发布

张张张的博客

最新推荐文章于 2018-01-30 14:52:56 发布

阅读量533

点赞数

分类专栏： web前端文章标签： html5 javascript

本文链接：https://blog.csdn.net/qq_28292937/article/details/51915872

版权

web前端专栏收录该内容

34 篇文章 2 订阅

订阅专栏

1， JS支持三种对象类型
（1） JS内置对象（如Date，Array， String， Math等）。
（2）文档对象模型（DOM ）。
（3）自定义对象。

2， html中运行js脚本的顺序。
（1） html中先执行<head>内的JS，无论该js是嵌入代码或是指向一个js文件，因为这些脚本不能再web页面上建立输出，所以这个位置可定义以后要使用的函数。
（2） html中后执行<body>内的JS，body中的js安先后顺序执行。
（3） html中最后执行js事件处理程序，如可以在<head>中定义事件处理函数，并在html事件处理程序中使用它们。

3， DOM对象
为了操作浏览器和文档，js使用分层的父对象和子对象，这就是DOM。dom不是js语言的一部分，而是内置在浏览器中的一个应用程序的api接口，该对象的组织类似一个树型结构，表示一个web文档的所有内容和组件，Dom对象拥有属性（描述页面或文档的变量）和方法（允许操作web页面）。

4， Window对象
在浏览器对象层次的最顶层是window对象，它表示一个浏览器窗口。

5， Window子对象
Document：document对象代表一个web文档或一个页面。
History：history对象保存着当前地址之前和之后访问过的网址信息，它包括达到前一个地址和后一个地址的方法。
Location：location对象存储的是窗口的当前url网址的信息。

6， JS的数据类型
数字：支持整数和浮点数。
布尔数：真或假两个值。
字符串：一个或多个字符组成。
空值：关键字null。

7，数据类型的转换
字符串转换为数字类型
ParseInt()：将一个字符串转换为整数值。
parseFloat()：将一个字符串转换为浮点小数值。
Var strvar = “30 day”
Var numvar = parseInt(strvar);
Numvar的值为：30；
字符串转换为数字函数从字符串的开始处寻找适当的数字，如果没有发现一个有效数字，函数将返回一个特殊值NAN，意思是非数字。

8，子字符串的使用
toUpperCase()：将字符串内所有字符转换为大写
tolowerCase()：将字符串内所有字符转换为小写
substring(n , m)：返回一个子字符串，索引从0开始，返回从n（包含第n个）到m（不包含第m个）之间的字符串。
charAt(n)：返回一个字符，索引从0开始，返回第n个字符。
indexOf(str)：查找子字符串，返回子字符串在字符串中的索引值，索引从0开始。
indexOf(str , n)：查找子字符串，返回子字符串在字符串中的索引值，索引从n开始。
lastIndexOf(str)：查找子字符串，返回子字符串在字符串中最后一个的索引值。
split(str)：将一个字符串按照分隔符str分割字符串，返回分割后的字符串数组。

9，数组的使用
join(str)：将一个数组按照连接符str连接数组，返回连接后的字符串。
reverse：返回反转后的数组。
sort()：将一个数组安升降排序。
sort(funcompare)：将一个数组按照funcompare函数比较排序。

10， Math内置对象
Math.ceil(n) >= n：将一个数向上舍入到上一个整数。
Math.floor(n)<=n：将一个数向下舍入到下一个整数。
Math.round(n)：将一个数舍入到最接近的整数。
Math.random()：可以生成0到1之间的随机小数。