javaScript 必会基础知识

1、JavaScript是一种浏览器解析的轻量级脚本语言。

2、html、jsp等内部js代码写在<script></script>之间；外部js文件中书写js代码不能有<script></script>,因为引用外部js时，就将js代码引用到了<script></script>之间，

引用方式<script src="./myScript.js"></script>(引用外部js文件，默认从WebContent文件夹下开始读取；如果为老一点的项目可能从WebRoot读取)

3、javaScript数据显示常用方式：

window.alert();//浏览器提示框，window可以省略

console.log();//将内容写到控制台，经常用于调试，可以看到数据的结构

document.write();//将内容写到浏览器页面

innerHTML="给标签之间添加内容"；

4、js注释（单行和多行注释与java相同，js与java的相同点都对大小写敏感；忽略空格，所以才有缩进；变量都以字母开头，不推荐以$和_开头；）

//单行注释

/* */多行注释

5、选择对象的常用方式

document.getElementById("myid");//Element

document.getElementsByName("name");//NodeList

document.getElementsByTagName("Input“”);//NodeList

6、js类型

常见8种数据类型：string　　number 　　boolean　　array　　　　object　　null(空，清空变量)　　undefined（变量为赋值时，的默认值）　　function

常见的3种对象类型：date　　array　　object

7、常用js事件

onload　　//浏览器页面已加载完

onclick　　//点击事件

change　　//值发生改变，常用在下拉列表中

onmouseover　　//鼠标移入某个html标签

onmouseout　　//鼠标移出某个html标签

onkeydown　　//用户按下鼠标按键

8、字符串中的特殊字符

如：var str = "双引号内双引号"kdfjkdfj"这种写法不对 "//全部改为单引号也不对

正确：var str = "双引号内双引号\"kdfjkdfj\"这种写法不对 "

　　   var str = "双引号内双引号'kdfjkdfj'这种写法不对 "//内部使用单引号

9、折行用反斜杠

eg:document.write("折行前内容\

折行后内容");//用于一行内容过长，折行，将反斜杠解析为一个空格

10 typeof   和 instanceof

var type = type of "aaa";//显示某个变量属于的数据类型

var arr = [1, 2, 3, 4]；

if (arr instanceof Array){//显示某个对象变量属于的对象类型

　　document.write("arr 属于数组Array类型");

}

10、类型转换

其他转string  使用toString();

string转数值，Number(str);//parseInt(str);parseFloat(str);

自动类型转换：

document.write("5" + null);//5null

document.write(5 + null);//5

document.write("5" + 1);//51

document.write("5" - 1);//4

11、js正在表达式

如：var regExp = /e/i;//i正则表达式的修饰符，不区分大小写；/e/正则表达式主体

两个方法：

regExp.test(str);//true/flase;

regExp.exec(str);//在str中匹配查找，找不到就返回null;找到就返回第一个

12、表单验证

<form name="testForm" action="a.html" method="post" onsubmit="return myFunction()">

　　testForm<input type="text" name="name"/>

　　　　　　<input type="submit" value="提交"

</form>

获取表单：document.forms[testForm][name].value;

//添加id,用id获取也行

13、json

JSON.parse(jsonStr);//将json对象转为js对象

JSON.stringify(jsObject);//将js对象转为json对象

14、javascript:void(0);//void(表达式)，表达式执行完，结果不被接收，所以不会有反应

href="#"与href="javascript:void(0)"的区别
# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

如果你要定义一个死链接请使用 javascript:void(0) 。

15、dom

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

本文参考或引用：菜鸟教程

http://www.runoob.com/js/js-tutorial.html