JS语言学习笔记

2016/2/189:19:001、认识JS语言scripttype=text/javascript//起始document.write(hello);显示文本document.getElementById(p1).style.color=blue;修改特定文本的颜色/script//结尾2、插入JS标签scripttype=”text/javascript”写入JS语句/script3、引用JS外部文件scriptsrc=”xxxx.js”/script4、注释///**/5、定义变量var变量名varchar=“JavaScript”6、判断语句if(条件){条件成立时执行的代码}else{条件不成立时执行的代码}7、函数function函数名(){函数代码}8、输出内容document.write()括号内是字符串的话要加双引号，变量名不需要加双引号，多项内容可以用加号连接起来“br”是一个换行符8、消息弹窗alert(字符串或变量)9、确认（confirm消息对话框）confirm(str)//str：在消息对话框中要显示的文本返回值是Boolean值varmessage=confirm(str)if(message==true){用户点击确定按钮}else{用户点击取消按钮}10、提问（prompt消息对话框）prompt(str1,str2);//str1：要显示在消息对话框中的文本，不可修改//str2：文本框中默认的内容，可以修改点击确定按钮，文本框中的内容将作为返回值点击取下按钮，将返回nullvarmyname=prompt(请输入你的姓名:);if(myname!=null){alert(你好+myname);}else{alert(你好myfriend.);}11、打开新窗口window.open(‘URL’,’窗口名称’，’参数字符串’)URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。1.该名称由字母、数字和下划线字符组成。2._top、_blank、_selft具有特殊意义的名称。_blank：在新窗口显示目标网页_self：在当前窗口显示目标网页_top：框架网页中在上部窗口中显示目标网页3.相同name的窗口只能创建一个，要想创建多个窗口则name不能相同。4.name不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。12、关闭窗口window.close();//关闭本窗口窗口对象.close();//关闭指定窗口第二章认识DOM1、DOM（DocumentObjectModel）定义访问和处理HTML文档的标准方法HTML文档可以说由节点构成的集合，三种常见的DOM节点:1.元素节点：上图中html、body、p等都是元素节点，即标签。2.文本节点:向用户展示的内容，如li.../li中的JavaScript、DOM、CSS等文本。3.属性节点:元素属性，如a标签的链接属性href=。2、通过ID获取元素document.getElementById(“id”)3、innerHTML属性innerHTML属性用于获取或替换HTML元素的内容语法Object.innerHTML1、Object是获取的元素对象，如通过document。getElementById(“id”)获取的元素2、注意书写，innerHTML区分大小写4、改变HTML样式语法:Object.style.property=newstyle;注：Object是获取的元素对象，如通过document。getElementById(“id”)获取的元素基本属性表5、显示和隐藏（display属性）语法：Object.style.display=value注：Object是获取的元素对象，如通过document。getElementById(“id”)获取的元素value取值例子6、控制类名（className属性）className属性设置或返回元素的class属性语法object.className=className作用1、获取元素的class属性2、为网页内的某个元素制定一个css样式来更改元素的外观下面代码，获取p元素的class属性和改变className3、进阶篇1、变量的命名规范1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字2、变量名区分大小写3、不允许使用JavaScript的关键字和保留字做变量名2、+号操作符3、操作符的优先级（高到低）算术操作符---比较操作符---逻辑操作符---“=”赋值符号4、数组的创建语法：varmyarray=newArray();varmyarray=newArray(8);//创建数组，存储8个数据。数组的赋值varmyarray=newArray(66,80,90,77,59);//创建数组同时赋值varmyarray=[66,80,90,77,59];//直接输入一个数组（称“字面量数组”）或varmyarray=newArray();//创建一个新的空数组myarray[0]=66;//存储第1个人的成绩myarray[1]=80;//存储第2个人的成绩myarray[2]=90;//存储第3个人的成绩myarray[3]=77;//存储第4个人的成绩myarray[4]=59;//存储第5个人的成绩数组的长度array.length5、二维数组（进阶篇3-7）2016/2/189:19:002016/2/189:19:00