看了书中介绍,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);
}
其余数据类型与对应数据类型的方法略去一万字