JS语言学习笔记.docx

2016/2/18 9:19:00 1、认识 JS 语言 script type=text/javascript //起始document.write(hello); 显示文本 document.getElementById(p1).style.color=blue; 修改特定文本 的颜色 /script //结尾 2、插入 JS 标签 script type=”text/javascript” 写入 JS 语句 /script 3、引用 JS 外部文件 scriptsrc=”xxxx.js”/script 4、注释 // /**/ 5、定义变量 var 变量名 var char = “JavaScript” 6、判断语句if(条件) {条件成立时执行的代码} else {条件不成立时执行的代码} 7、函数 function 函数名() { 函数代码 } 8、输出内容 document.write() 括号内是字符串的话要加双引号，变量名不需要加双引号，多项内容可以用加号连接起来 “br” 是一个换行符 8、消息弹窗 alert(字符串或变量) 9、确认（confirm 消息对话框） confirm(str) //str：在消息对话框中要显示的文本 返回值是 Boolean 值var message = confirm(str) if(message==true) {用户点击确定按钮} else {用户点击取消按钮} 10、提问（prompt 消息对话框） prompt(str1,str2); //str1：要显示在消息对话框中的文本，不可修改 //str2：文本框中默认的内容，可以修改点击确定按钮，文本框中的内容将作为返回值 点 击 取 下 按 钮 ， 将 返 回 null varmyname=prompt(请输入你的姓名:); if(myname!=null) { alert(你好+myname); } else { alert(你好 my friend.); } 11、打开新窗口 window.open(‘URL’,’窗口名称’，’参数字符串’) URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。 窗口名称：可选参数，被打开窗口的名称。 该名称由字母、数字和下划线字符组成。 _top、_blank、_selft具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 name 不能包含有空格。 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。 12、关闭窗口 window.close(); //关闭本窗口 窗口对象.close(); //关闭指定窗口 第二章 认识 DOM 1、DOM （Document Object Model） 定义访问和处理 HTML 文档的标准方法HTML 文档可以说由节点构成的集合，三种常见的 DOM 节点: 元素节点：上图中html、body、p等都是元素节点，即标签。 文本节点:向用户展示的内容，如li.../li中的 JavaScript、DOM、CSS 等文本。 属性节点:元素属性，如a标签的链接属性 href=。 2、通过 ID 获取元素 document.getElementById(“id”) 3、innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容 语法 Object.innerHTML 1、Object 是获取的元素对象，如通过 document。getElementById(“id”)获取的元素2、注意书写，innerHTML 区分大小写 4、改变 HTML 样式 语法 : Operty = new style; 注：Object 是获取的元素对象，如通过 document。getElementById(“i