JS语言学习笔记.docx

1、JS语言学习笔记 1、认识JS语言 /起始 document.write(hello); 显示文本 document.getElementById(p1).style.color=blue; 修改特定文本的颜色 /结尾 2、插入JS标签 写入JS语句 3、引用JS外部文件 4、注释 / /*/ 5、定义变量 var 变量名 var char = “JavaScript” 6、判断语句 if(条件) 条件成立时执行的代码 else 条件不成立时执行的代码 7、函数 function 函数名() 函数代码 8、输出内容 document.write() 括号内是字符串的话要加双引号，变量名不需要加

2、双引号，多项内容可以用加号连接起来 “” 是一个换行符 8、消息弹窗 alert(字符串或变量) 9、确认（confirm消息对话框） confirm(str) /str：在消息对话框中要显示的文本 返回值是Boolean值 var message = confirm(str) if(message=true) 用户点击确定按钮 else 用户点击取消按钮 10、提问（prompt 消息对话框） prompt(str1,str2); /str1：要显示在消息对话框中的文本，不可修改 /str2：文本框中默认的内容，可以修改 点击确定按钮，文本框中的内容将作为返回值 点击取下按钮，将返回null

3、 var myname=prompt(请输入你的姓名:); if(myname!=null) alert(你好+myname); else alert(你好 my friend.); 11、打开新窗口 window.open(URL,窗口名称，参数字符串) URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。 窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2._top、_blank、_selft具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top

4、：框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。 12、关闭窗口 window.close(); /关闭本窗口 .close(); /关闭指定窗口 第二章 认识DOM 1、DOM （Document Object Model） 定义访问和处理HTML文档的标准方法 HTML文档可以说由节点构成的集合，三种常见的DOM节点: 1. 元素节点：上图中、等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如.中的JavaScript、D

5、OM、CSS等文本。 3. 属性节点:元素属性，如标签的链接属性href=。 2、通过ID 获取元素 document.getElementById(“id”) 3、innerHTML属性 innerHTML 属性用于获取或替换HTML元素的内容 语法 Object.innerHTML 1、Object是获取的元素对象，如通过document。getElementById(“id”)获取的元素 2、注意书写，innerHTML区分大小写 4、改变HTML样式 语法 : Object.style.property = new style; 注：Object是获取的元素对象，如通过document

6、。getElementById(“id”)获取的元素 基本属性表 5、显示和隐藏（display属性） 语法：Object.style.display = value 注：Object是获取的元素对象，如通过document。getElementById(“id”)获取的元素 value取值 例子 6、控制类名（className属性） className 属性设置或返回元素的class属性 语法 object.className = className 作用 1、获取元素的class属性 2、为网页内的某个元素制定一个css样式来更改元素的外观 下面代码，获取元素的class属性 和 改变c

7、lassName 3、进阶篇 1、变量的命名规范 1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字 2、变量名区分大小写 3、不允许使用JavaScript的关键字和保留字做变量名 2、+号操作符 3、操作符的优先级（高到低） 算术操作符-比较操作符-逻辑操作符-“=”赋值符号 4、数组的创建 语法：var myarray=new Array(); var myarray= new Array(8); /创建数组，存储8个数据。 数组的赋值 var myarray = new Array(66,80,90,77,59);/创建数组同时赋值 var myarray = 66,80,90,77,59;/直接输入一个数组（称 “字面量数组”） 或 var myarray=new Array(); /创建一个新的空数组 myarray0=66; /存储第1个人的成绩 myarray1=80; /存储第2个人的成绩 myarray2=90; /存储第3个人的成绩 myarray3=77; /存储第4个人的成绩 myarray4=59; /存储第5个人的成绩 数组的长度 array.length 5、二维数组（进阶篇3-7）