2018-01-04js学习

看了书中介绍，html5，CSS，js
html5中关键字style 对应的是CSS内容
html5中script标签对应JS代码。

函数
1.交互

alert()   纯弹窗提醒
confirm("Are you happy to Continue ?")  提醒，有分支 Yes Or No
var name = prompt("what is your full name ?",jack)   有输入框,默认是jack

2.选取对象
dom对象，就是Document对象，每个对象都可以设置一个id，也可以不设置id，设置了id就如OC中给每一个控件设置了tag一样，可以依据id进行获取对象

var myDiv = document.getElementById("div1");

js中div表示容器，类似iOS的控件,获取容器里面html的如下

myDiv.innerHTML

可以赋值，可以修改，可以替换，里面是一串字符串。
3.浏览器的历史记录对象

window.history 历史记录对象，本质上是url列表 只读，不可修改
window.history.length 属性
window.history.forward()  前进js方法
window.history.backward() 后退js方法
window.history.go(-3)  回退3个页面
window.history.go(2)  前进两个页面
window.history.go("www.baidu.com")  到达历史记录列表里第一个包含www.baidu.com的url

4.location对象
location对象包含当前加载页面的URL信息。

属性略
location.href = "www.baidu.com"； 跳转新页面，上一个页面存入历史记录
location.replace("www.baidu.com"); 替换，上一个页面的历史记录被更新替换
location.reload(); 页面刷新

5.navigator 对象基本不使用，它记录的浏览器程序本身的数据不准确
6.Date对象

var myDate = new Date();
myDate.getFullYear(); 年
myDate.getMonth(); 月
myDate.getDate(); 日
myDate.getHours(); 时
myDate.getMinutes(); 分
myDate.getSeconds(); 秒
var date1 = new Date(95,9,22); 1995年 10月 22号 注意月份JS从0开始数月份
var date2 = new Date(95,9,22,10,57,0,100) 1995年 10月 22号 10:57:00:100 末尾是毫秒数
date1.setDate（myDate.getDate + 33） 天数加33天，自动调整星期，日，月，年

7.math对象
不用创建直接使用math对象
取整

var myNum = 12.35;
Math.floor(myNum)   等于12 向下取整，取小的数
Math.ceil(myNum)   等于13 向上取整，取大的数
Math.round(myNum)   等于12 四舍五入

最大，最小值

Math.max(a,b,c......)
Math.min(a,b,c,......)

随机数

Math.random() 返回0到1之间随机数。
Math.round(Math.random() * 100) 返回0-100之间的随机数。

使用关键字，省去某些常用对象的重复输入

with(Math){
    var random = random();
    var max = max(1,3,3.2);
}

其余数据类型与对应数据类型的方法略去一万字

2018-01-04js学习

推荐阅读更多精彩内容