首页 > 代码库 > 【2017-03-28】JS基础、windows对象、history对象、location对象
【2017-03-28】JS基础、windows对象、history对象、location对象
一、JS基础
JS - javaScript
1、js功能：
1）、进行数据的运算。2）、控制浏览器的一些功能。3）、控制元素（属性、内容、样式）
js引用位置：
可以放在html页的任意位置。
推荐放在<html></html>后边。
也可以放在一个以js结尾的文件内，将该文件引用到html页内。
2、格式：
<script type="text/javascript">
js代码
</script>
1、alert("")警告对话框。
2、confirm("")确定对话框，弹出一个可供选择的确定对话框，点击确定会返回true。点击取消会返回false。
3、prompt("对话框中显示的内容")弹出一个可以输入内容的对话框。
3、基本数据类型：
字符串、小数、整数、时间日期、布尔型
4、变量：
都是通用类型 var
5、类型转换：
其他类型转化为整数：parseint();
其他类型转化为小数：parsefloat();
判断是否是数字类型：isNaN(); 是数字的话返回false，不是数字的话返回true；
6、运算符、if语句、for循环和C#一样。
7、数组：
数组的定义：new Array();
赋值：a[0]=123; a[1]="haha";
取值：a[i];
8、函数
定义函数：function aaa(){函数体}; aaa是函数名
调用函数:aaa();
9、练习题：
1、让用户输入一个数字，返回“是数字”,“不是数字”
1 <script type="text/javascript"> 2 var a = prompt("请输入一个数字："); 3 if(isNaN(a)==false) 4 alert("输入的是数字！") 5 else 6 alert("输入的不是数字！") 7 </script>
2、让用户输入5个学生信息，姓名，性别，年龄，成绩。
打印成绩最高的那名学生的全部信息，格式如下：
“姓名：XXX，性别：XXX，年龄XXX，成绩：XXX，第一名！”
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操作
var aaa=document.getElementById("id")
将通过id找到的这个XX放到aaa内
事件：动作
“点击事件”: aaa.onclick=function(){
函数体
}
点击事件后面放方法。
1、windows对象操作
（1）window.open("第一部分","第二部分","第三部分","第四部分")
第一部分写页面地址
第二部分写页面打开方式：_self 在自身打开； _blank 在新的空白页打开
第三部分控制打开窗口格式：width=100 height=100 left=200 top=200 新打开的窗口的宽带100高度100 距离左边200 距离上边200
window.open()是有返回值的可以将其保存在一个变量中：var aaa=window.open();
可以将打开的多个窗口保存在一个数组w里：
function openW()
{
w[i++]=window.open();
}
（2）window.close();关闭当前窗口。
关闭打开当前窗口的源窗口：window.opener.close();
调整页面：window.scrollTo(x,y)滚动页面到某个位置，y代表纵向滚动。一般情况下x是0，调整Y值，作用像是锚点
2、window.history对象
window.history.back();页面后退
window.history.forward();页面前进
window.history.go(n);n如果是正数则代表前进n个页面，n如果是负数则代表后退n个页面。
3、window.location对象
var s=window.location.href;获取当前页面地址
window.location.href="http://www.mamicode.com/路径"; 修改页面地址，会跳转页面
【2017-03-28】JS基础、windows对象、history对象、location对象