【2017-03-28】JS基础、windows对象、history对象、location对象
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了【2017-03-28】JS基础、windows对象、history对象、location对象,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2451字,纯文字阅读大概需要4分钟。
内容图文
一、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"> 2var a = prompt("请输入一个数字:"); 3if(isNaN(a)==false) 4 alert("输入的是数字!") 5else6 alert("输入的不是数字!") 7 </script>
2、让用户输入5个学生信息,姓名,性别,年龄,成绩。
打印成绩最高的那名学生的全部信息,格式如下:
“姓名:XXX,性别:XXX,年龄XXX,成绩:XXX,第一名!”
1 <script type="text/javascript"> 2var arrall = new Array(); 3 4for (var i = 0; i < 3; i++) { 5var 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) + "请输入成绩:"); 1011 arrall[i] = arr; 12 } 1314for (var i = 0; i < arrall.length; i++) { 15for (var j = i + 1; j < arrall.length; j++) { 16if (arrall[i][3] < arrall[j][3]) { 17var zhong = arrall[i]; 18 arrall[i] = arrall[j]; 19 arrall[j] = zhong; 20 } 21 } 22 } 2324 alert(‘姓名:‘ + arrall[0][0] + ‘,性别:‘ + arrall[0][1] + ‘,年龄:‘ + arrall[0][2] + ‘,成绩:‘ + arrall[0][3] + ‘,第一名!‘); 2526 </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.cnblogs.com/qq609113043/p/6641638.html
内容总结
以上是互联网集市为您收集整理的【2017-03-28】JS基础、windows对象、history对象、location对象全部内容,希望文章能够帮你解决【2017-03-28】JS基础、windows对象、history对象、location对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。