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 进阶篇的更多相关文章

  1. ＃笔记＃JavaScript进阶篇一

    #JavaScript进阶篇 http://www.imooc.com/learn/10 #认识DOM #window对象 浏览器窗口可视区域监测—— 在不同浏览器(PC)都实用的 JavaScrip ...

  2. 4、JavaScript进阶篇①——基础语法

    一.认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面 ...

  3. JavaScript进阶篇 - -第1章 系好安全带

    第1章 系好安全带 html,body { font-size: 15px } body { font-family: Helvetica, "Hiragino Sans GB", ...

  4. 6、JavaScript进阶篇③——浏览器对象、Dom对象

    一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...

  5. Javascript进阶篇——总结--DOM案例+选项卡效果

    断断续续的把慕课的JavaScript基础和进阶看完了,期间不怎么应用有的都忘记了,接下来多开始写些效果,进行实际应用. 制作一个表格,显示班级的学生信息. 1. 鼠标移到不同行上时背景色改为色值为 ...

  6. javascript 进阶篇1 正则表达式，cookie管理，userData

    首先,什么事正则表达式呢,其实引入概念很多时候并不能帮我们明白它到底是什么,所以我先简单描述下,正则表达式,其实就是一个记录字符串规则则的字符串,等我们看完这一部分,也就能明白它到底是什么了. 基本语 ...

  7. 慕课网javascript 进阶篇 第九章 编程练习

    把平常撸的码来博客上再撸一遍既可以加深理解,又可以理清思维.还是很纯很纯的小白,各位看官老爷们,不要嫌弃.最近都是晚睡,昨晚也不例外,两点多睡的.故,八点起来的人不是很舒服,脑袋有点晕呼呼,鉴于昨晚看 ...

  8. JavaScript进阶篇QA总结

    Q1:常用的运算符有哪些?他们的优先级是怎样的?A1:1.算术运算符:加(+).减(-).乘(×).除(÷),自加一(++),自减一(--):2.比较运算符:大于(>).小于(<).大于等 ...

  9. 二、JavaScript语言--JS基础--JavaScript进阶篇--选项卡切换效果

    利用JavaScript知识,实现选项卡切换的效果. 效果图: 文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居     200万内购五环三居 140万安家东三环     北京首现零首付楼 ...

  10. 二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象 控制HTML元素

    1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面 ...

随机推荐

  1. 学霸系统UI项目功能说明书 v1.0版本

    发布人员:软件工程实践小队. 发布内容:学霸系统UI项目说明书. 版本:学霸v1.0版本. 学霸系统UI项目说明书 v1.0版本分为以下部分: Part 1:用户须知: Part 2:功能实现: Pa ...

  2. 无法打开mfc120.lib

    今天在用VS2013编译OSG的时候报错:无法打开mfc120.lib.仔细查了下资料. 我是这么解决的: 安装Multibyte MFC Library for Visual Studio 2013 ...

  3. JAVA IDE IntelliJ IDEA使用简介（三）—之你不能忘记的快捷键

    IDEA有许多的快捷键来帮助你更便捷的编写代码,以下列出的快捷键(默认情况下,你还没有定制你的快捷键)是工作中经常需要使用到的,请牢记 快捷键 描述 备注 Alt+F1 视图切换 切换当前工作文件的视 ...

  4. MySQL常用存储引擎功能与用法详解

    本文实例讲述了MySQL常用存储引擎功能与用法. MySQL存储引擎主要有两大类: 1. 事务安全表:InnoDB.BDB. 2. 非事务安全表:MyISAM.MEMORY.MERGE.EXAMPLE ...

  5. 【Python】Python 新式类介绍

    本文转载自:kaka_ace's blog 我们使用 Python 开发时, 会遇到 class A 和 class A(object) 的写法, 这在 Python2 里是有概念上和功能上的区别, ...

  6. 【Python】PYTHON 函数局部变量和全局变量

    有这样一段PYTHON代码,从事C语言开发的人都知道,如果定义了全局变量,而函数内没有定义同名的函数变量的话,那么在函数内对该变量的赋值就是对全局变量空间数值的修改, 然后在PYTHON中却不尽相同, ...

  7. Python正则表达式re模块

    re.compile(pattern,flags=0)将正则表达式编译成正则表达式对象.可以使用match()和search()方法进行匹配.对于常用的表达式可以先进行编译,后续可多次使用以提高效率. ...

  8. CentOS yum安装软件包

    yum(Yellowdog Update Modifie)命令是在Fedora和RedHat以及SUSE中基于rpm的软件包管理器,它可以使系统管理人员交互和自动化地更细与管理RPM软件包,能够从指定 ...

  9. Git的安装与使用(一)

    闲来无事写了个小demo,想上传到GitHub上,发现得使用git进行上传,所以得先了解下git . 1.git是什么 分布式版本控制器 2.svn与git的区别 svn:是集中式的版本控制系统,版本 ...

  10. [BZOJ5339] [TJOI2018]教科书般的亵渎

    题目链接 BZOJ题面. 洛谷题面. Solution 随便推一推,可以发现瓶颈在求\(\sum_{i=1}^n i^k\),关于这个可以看看拉格朗日插值法. 复杂度\(O(Tm^2)\). #inc ...