javaScript 进阶篇
1.js 数组
创建数组的语法：
a. var myarray= new Array(8);
myarray[0]=1;等等
b.var myarray = new Array(66,8,47,59,43);
c.var myarray= [50,3,6,9,78,45];
注意：a.创建的新数组是空数组，没有值，如输出，则显示undefined.
b.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以为。
c.数组每个值都有索引号，从0开始；
d.数组存储的数据可以是任何类型（数字、布尔值、字符等）
2.向数组增加新元素
例如：var myarr =[1,2,3,4,5,];
myarr数组有5个元素，角标最大为4.
可以直接添加 myarr[20]=15;
这时查询数组的长度为21；
3.获取数组的长度；
数组名.length;
例如：
var arr =[1,2,3,6,5,8,9,4,7];
document.write(arr.length);
注意：数组的长度是可变的；
arr.length=10;
document.write(arr.length);//这时数组的长度为10.
4.二维数组
myarr [][];
二维数组的定义方法：var myarr=[[1,2,3,7],[5,6,8,1,3]];
二维数组的赋值； myarr[0][1]=20;//数组中0表示表的行为0，1表示表的列为1；
5.javaScript 中也有循环语句
if 语句：
var res =confirm("你喜欢美女");
if(res == true){
document.write('喜欢')}
if ...else 语句
var res =confirm("你喜欢美女");
if(res == true){
document.write('喜欢')
}else{
document.write("不喜欢");
}
还有：swich语句、for循环、while 循环、do..while 循环、break、continue(用法同java一样)
注意：javaScript 中“==”号可以判断a="25"; b=25;a和b的相等
javaScript 中“===”号要判断两个变量是否相等必须要a和b 的类型一样值一样才行；
6.鼠标单击事件（onclick）
onclick 是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序就会被执行。
例如：
<script type="text/javascript">
function f_open (){
mywin= window.open('https://www.baidu.com');
}
function f_close(){
mywin.close();
}
</script>
<body>
<input type="button" id="" value="点击打开窗口" onclick="f_open()"/>
<input type="button" id="" value="点击关闭窗口" onclick="f_close()"/>
</body>
注意：在网页中，如何使用事件，就在该元素中设置事件属性。
7.鼠标经过事件(onmouseover)鼠标移开事件（onmouseout）
鼠标经过事件，当鼠标移到一个对象上时，该对象就触发 onmouseover 事件，并执行 onmouseover事件调用的程序。
鼠标移开事件，当鼠标移开当前对象时，执行onmouseout 调用的程序。
<body>
<p id="pp" onmouseover="on_mov() "onmouseout="on_mou()">aaaa</p>
</body>
<script type="text/javascript">
function on_mov(){//鼠标经过事件
document.getElementById("pp").style.color="red";
}
function on_mou(){//鼠标离开事件
document.getElementById("pp").style.color="black";
}
</script>
8.光标的聚焦事件（onfocus）和光标的失焦事件（onblur）
<body>
<input type="text" name="username" id="username" value="请输入姓名" onfocus="on_focus() " onblur="on_blur()"/>
</body>
<script type="text/javascript">
function on_focus(){//光标聚焦后的参数
alert("请输入姓名：");
}
function on_blur(){//光标失焦后的参数
confirm("不要离开");
}
</script>
9.内容选中事件（onselect）
<input type="text" name="" id="" value="hello world" onselect="xuanz()"/>
<script type="text/javascript">
function xuanz(){
alert("你出发了选中事件");
}
</script>
10.文本框内容改变事件（onchange）
<input type="text" name="" id="" value="hello world" onchange="change()" />
<script type="text/javascript">
function change(){
alert("你改变了文本内容！");
}
</script>
javaScript 进阶篇的更多相关文章
- ＃笔记＃JavaScript进阶篇一
#JavaScript进阶篇 http://www.imooc.com/learn/10 #认识DOM #window对象 浏览器窗口可视区域监测—— 在不同浏览器(PC)都实用的 JavaScrip ...
- 4、JavaScript进阶篇①——基础语法
一.认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面 ...
- JavaScript进阶篇 - -第1章 系好安全带
第1章 系好安全带 html,body { font-size: 15px } body { font-family: Helvetica, "Hiragino Sans GB", ...
- 6、JavaScript进阶篇③——浏览器对象、Dom对象
一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...
- Javascript进阶篇——总结--DOM案例+选项卡效果
断断续续的把慕课的JavaScript基础和进阶看完了,期间不怎么应用有的都忘记了,接下来多开始写些效果,进行实际应用. 制作一个表格,显示班级的学生信息. 1. 鼠标移到不同行上时背景色改为色值为 ...
- javascript 进阶篇1 正则表达式，cookie管理，userData
首先,什么事正则表达式呢,其实引入概念很多时候并不能帮我们明白它到底是什么,所以我先简单描述下,正则表达式,其实就是一个记录字符串规则则的字符串,等我们看完这一部分,也就能明白它到底是什么了. 基本语 ...
- 慕课网javascript 进阶篇 第九章 编程练习
把平常撸的码来博客上再撸一遍既可以加深理解,又可以理清思维.还是很纯很纯的小白,各位看官老爷们,不要嫌弃.最近都是晚睡,昨晚也不例外,两点多睡的.故,八点起来的人不是很舒服,脑袋有点晕呼呼,鉴于昨晚看 ...
- JavaScript进阶篇QA总结
Q1:常用的运算符有哪些?他们的优先级是怎样的?A1:1.算术运算符:加(+).减(-).乘(×).除(÷),自加一(++),自减一(--):2.比较运算符:大于(>).小于(<).大于等 ...
- 二、JavaScript语言--JS基础--JavaScript进阶篇--选项卡切换效果
利用JavaScript知识,实现选项卡切换的效果. 效果图: 文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼 ...
- 二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象 控制HTML元素
1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面 ...
随机推荐
- Java Class Object
Object类 它是所有类的基类. public class Person { } //实际上是 public class Person extends Object { } Object类的方法 t ...
- ACM 第九天
动态规划1 动态规划问题是面试题中的热门话题,如果要求一个问题的最优解(通常是最大值或者最小值),而且该问题能够分解成若干个子问题,并且小问题之间也存在重叠的子问题,则考虑采用动态规划. 1.LLS ...
- iOS- 多线程技术的概述及优点
1.概述 在iOS开发中: •耗时操作,例如网络图片.视频.歌曲.书籍等资源下载 •游戏中的声音播放 我们可以利用多线程: •充分发挥多核处理器的优势,并发(同时执行)执行任务让系统运行的更快.更 ...
- JS高级 1
关于string,number是大写,那么就是构造函数,变量不可能为null值,除非手动设置,要解除对象的引用的时候手动去除. in关键字操作数组的时候操作的是索引值,不是里面的内容,.在操作对象的时 ...
- [剑指Offer] 61.序列化二叉树
题目描述 请实现两个函数,分别用来序列化和反序列化二叉树 /* struct TreeNode { int val; struct TreeNode *left; struct TreeNode *r ...
- BZOJ5338：[TJOI2018]异或——题解
https://www.lydsy.com/JudgeOnline/problem.php?id=5338 现在有一颗以1为根节点的由n个节点组成的树,树上每个节点上都有一个权值vi. 现在有Q 次操 ...
- CF97B：Superset——题解
http://codeforces.com/problemset/problem/97/B 题目大意:给n个点,添加一些点,使得任意两个点: 1.在同一条线上 2.以它们为顶点构成的矩形上有其他点. ...
- XXE漏洞攻击与防御整理
一.漏洞原理 1.DTD 文档类型定义(DTD)可定义合法的XML文档构建模块.它使用一系列合法的元素来定义文档的结构.DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用. 内部的 DOC ...
- 【单调队列】【P1776】宝物筛选
传送门 Description 终于,破解了千年的难题.小FF找到了王室的宝物室,里面堆满了无数价值连城的宝物--这下小FF可发财了,嘎嘎.但是这里的宝物实在是太多了,小FF的采集车似乎装不下那么多宝 ...
- python获取当前工作目录
py文件所在位置/test/pj/hello.py 用户所在位置:/ 用户执行命令python /test/pj/hello.py 1. os.getcwd() 返回的是执行命令的位置 / 2.sys ...