【2017-03-28】JS基础、DOM操作
一、JS基础
1、javascript功能
⑴进行数据运算
⑵控制浏览器功能
⑶控制元素的属性、样式、内容
2、javascript位置和格式
可以放在html页的任意位置，也可以创建一个以js结尾的文件内，将该文件引用到html页内
推荐放在<html></html>后边
<script type="text/javascript">
js脚本语言位置
</script>
3、3个常用对话框
alert("警告内容")--警告对话框
confirm("选择内容")--选择对话框 确认:true 取消:false
prompt("提示内容","输入内容")--输入对话框 提示内容和输入内容都可以为空
4、定义变量 var 变量名
定义变量是统一用var来定义，var在js中是唯一可以定义变量的
5、类型转换
1.其它类型转换为整数：parseInt("值"); 能转化数字返回数字，不能转化数字返回NaN
2.其它类型转化为小数：parseFloat("值"); 能转化小数返回数值，不能转化返回NaN
3.判断是否是数字： isNaN("值") ; 是数字返回false,不是数字返回true
6、js与C#的关系
js与C#拥有同样的运算符，if语句，for循环，数组（C#有集合，结构体，js只有数组），函数
7、数组
定义 var s = new Array();
赋值 s[0]=46,s[1]="snow"
取值 s[i]
8、函数
定义函数：function aaa(){函数体}; aaa是函数名
调用函数: aaa();
1 <script type="text/javascript"> 2 var arrall = new Array(); 3 4 for (var i = 0; i < 3; i++) { 5 var arr = new Array(); 6 arr[0] = prompt((i + 1) + "请输入姓名："); 7 arr[1] = prompt((i + 1) + "请输入性别："); 8 arr[2] = prompt((i + 1) + "请输入年龄："); 9 arr[3] = prompt((i + 1) + "请输入成绩："); 10 11 arrall[i] = arr; 12 } 13 14 for (var i = 0; i < arrall.length; i++) { 15 for (var j = i + 1; j < arrall.length; j++) { 16 if (arrall[i][3] < arrall[j][3]) { 17 var zhong = arrall[i]; 18 arrall[i] = arrall[j]; 19 arrall[j] = zhong; 20 } 21 } 22 } 23 24 alert('姓名：' + arrall[0][0] + '，性别：' + arrall[0][1] + '，年龄：' + arrall[0][2] + '，成绩：' + arrall[0][3] + '，第一名！'); 25 26 </script>
二、DOM操作
1.先定义找到一个按钮方法的变量
var s=document.getElementById("按钮的id")
2.点击事件
s.onclick=function(){
函数体
}
3.window操作
⑴window.open("网页路径","_self/_blank","width=400 height=400 top=200 left=200")
打开一个新的窗口，_self在自身打开,_blank在新窗口打开，宽400px 高400px 距离顶部200px 距离左侧200px
⑵window.close()关闭当前窗口
关闭打开当前子窗口的源窗口：window.opener.close();
⑶window.scrollTo(x,y) 滚动页面到某个位置，x横向滚动位置，y纵向滚动位置。一般情况下x是0，调整Y值，相当于锚点
⑷window.history.go(n) 页面前进/后退 n如果是正数则前进n个页面，n如果是负数则后退n个页面
window.history.back();页面后退
window.history.forward();页面前进
⑸window.location.href 获取当前页面地址
window.location.href="路径"; 修改页面地址，会跳转页面(点击从自身跳转)
