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