《Javascript基础学习笔记(菜鸟必看篇)_.docx》由会员分享，可在线阅读，更多相关《Javascript基础学习笔记(菜鸟必看篇)_.docx（12页珍藏版）》请在三一文库上搜索。
1、Javascript基础学习笔记(菜鸟必看篇)_ 下面我就为大家带来一篇Javascript基础学习笔记(菜鸟必看篇)。我觉得挺不错的，现在就分享给大家，也给大家做个参考。 什么是变量？ 变量是用于存储信息的容器 变量的声明 语法： var 变量名 变量名 = 值; 变量要先声明再赋值 变量可以重复赋值 变量的命名规章 变量必需以字母开头； 变量也能以$和_符号开头（不过我们不推举这么做）； 变量名称对大小写敏感（a和A是不同的变量)。 语句 语句以一个分号结尾；假如省略分号，则由解析器确定语句的结尾。 有个好的编码习惯，都要以 ; 结尾 数据类型 在JavaScript中，一段信息就是一个值
2、（value）。值有不同的类型，大家最熟识的类型是数字。字符串（string）值是包围在 引号中的一个或多个单词。 数字 任何数字值。数字可以带小数点，也可以不带 68.57 字符串 引号中的字符。您可以用法单引号或双引号 hello, world 布尔值（Boolean） true或false true Undefined 和 Null Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。 对象 与对象相关联的任何值 函数 函数返回的值 1 var a; /a为undefined 2 var a = 6; /a 为数字 3 var a = Jason;
3、 / a 为字符串 什么是函数？ 函数是一组执行某一任务的JavaScript 语句 基本语法： function 函数名() 函数代码; 函数名(); 说明： function定义函数关键字。 函数名你为函数取的名字。 函数代码替换为完成特定功能的代码。 其次个函数名函数调用的一种 1 function add2() 2 var sun = 3 + 2; 3 alert(sun); 4 5 add2();/调用函数挺直写函数名挺直弹出函数代码 1 input type=button value=点击我 onclick=add2() / 2 !- 单击按钮后，调用函数，onclick为点击大事
4、 - 输出内容（document.write） document.write()挺直在网页中输出内容。 第一种：输出内容用“”括起，挺直输出“”号内的内容。 document.write(I love JavaScript!); 其次种：通过变量，输出内容 var mystr = hello world; document.write(mysrt);/挺直写变量名，输出变量存储的内容 第三种：输出多项内容，内容之间用+号连接。 var mystr = hello; document.write(mystr + I love Java Script);/多项内容之间用+号连接 第四种:输出HTM
5、L标签，并起作用，标签用法“”括起来。 var mystr=hello; document.write(mystr+br);/输出hello后，输出一个换行符 document.write(JavaScript); 警告（alert 消息对话框） 我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。假如你不点击“确定”，就不能对网页做任 何操作，这个小窗口就是用法alert实现的。 语法：alert(字符串或变量); var mynum = 30; alert(hello!); alert(mynum); 结果：按挨次弹出消息框（alert弹出消息对话框包含一个确定按钮）
6、 留意: 1. 在点击对话框确定按钮前，不能进行任何其它操作。 2. 消息对话框通常可以用于调试程序。 3. alert输出内容，可以是字符串或变量，与document.write 相像 确认选择（confirm 消息对话框） 除了向用户供应信息，我们还盼望从用户那里获得信息。这里就用到了confirm 消息对话框。 confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。 语法：confirm(str); 参数说明：str:在消息对话框中要显示的文本 返回值：Boolean值 返回值： 当用户点击确定按钮时，返回true 当用
7、户点击取消按钮时，返回false 注: 通过返回值可以推断用户点击了什么按钮 script type=text/javascript var mymessage=confirm(你喜爱JavaScript吗?); if(mymessage=true) document.write(很好,加油!); else document.write(JS功能强大，要学习噢!); /script 提问（prompt 消息对话框） 有时候，不仅盼望用户回答Yes/No。而是盼望得到更特定的响应。这中状况我们可以利用prompt。 prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框
8、（包含一个确定按钮、取消按钮与一个文本输入框）。 语法： prompt(str1,str2); 参数说明： str1:要显示在消息对话框中的文本，不行修改 str2:文本框中的内容，可以修改 返回值： 1、点击确定按钮，文本框中的内容将作为函数返回值 2、点击取消按钮，将返回null function rec() var score; /score变量，用来存储用户输入的成绩值。 score = prompt(请输入你的成绩,90); if(score=90) document.write(你很棒!); else if(score=75) document.write(不错吆!); else
9、if(score=60) document.write(要加油!); else document.write(要努力了!); ; ; script var myName = prompt(输入您的名字); if(myName != null myName != ) document.write(welcom to + myName); else document.write(welcom to my friend); /script 打开新窗口（window.open） 语法： window.open(URL, 窗口名称, 参数字符串) 参数说明: URL：可选参数，在窗口中要显示网页的网址或
10、路径。假如省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。 窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2.窗口名称：可选,该字符串是一个由逗号分隔的特征列表，声明白被打开窗口的名称。可以 是_top、_blank、_selft、_parent等。 _blank 在新窗口显示目标网页 _selft 在当前窗口显示目标网页 _parent 框架网页中当前整个窗口位置显示目标网页 _top 框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。 参数字符
11、串：可选参数，设置窗口参数，各参数用逗号隔开。 参数表： topNumber窗口顶部离开屏幕顶部的像素数 leftNumber窗口左端离开屏幕左端的像素数 widthNumber窗口的宽度 heightNumber窗口的高度 menubaryes,no窗口有没有菜单 toolbaryes,no窗口有没有工具条 scrollbarsyes,no 窗口有没有滚动条 statusyes,no 窗口有没有状态栏 script type=text/javascript window.open(http:/,_blank,width=300,height=200,menubar=no,toolbar=no
12、, status=no,scrollbars=yes) /script 关闭窗口（window.close） close()关闭窗口 用法： 1 window.close();/关闭本窗口 2 窗口对象.close();/关闭指定的窗口 例如:关闭新建的窗口。 1 script type=text/javascript 2 var mywin=window.open(http:/); /将新打的窗口对象，存储在变量mywin中 3 mywin.close(); 4 /script innerHTML属性 innerHTML属性用于猎取或替换HTML元素的内容。 语法： Object.inner
13、HTML Object是猎取的元素对象，如通过document.getElementById(ID)猎取元素。 h2 id=conjavascript/H2 script type=text/javascript var mychar=document.getElementById(con); document.write(原标题:+mychar.innerHTML+br); /输出原h2标签内容 mychar.innerHTML=hello world document.write(修改后的标题:+mychar.innerHTML); /输出修改后h2标签内容 /script 转变HTML样
14、式 语法： Object.style.property=new style; 留意：Object是猎取的元素对象，如通过document.getElementById(id)猎取的元素 h2 id=conI love JavaScript/h2 script type=text/javascript var mychar= document.getElementById(con); mychar.style.color=red; mychar.style.background=#ccc; mychar.style.width=300px; /script 显示和隐蔽（display属性） 语法
15、： Object.style.display = value value值： none 此元素不会被显示（及隐蔽） block 此元素将显示为块级元素（即显示） mychar.style.display = block 掌握类名（className属性） className属性设置或返回元素的class属性。 语法： object.className = classname 作用： 1、猎取元素的class属性 2、为网页内的某个元素指定一个css样式来更改该元素的外观 p2.className = two; 以上这篇Javascript基础学习笔记(菜鸟必看篇)就是我分享给大家的全部内容了，盼望能给大家一个参考 .