直接在html中写js的三种方法：
1. 在标签里设置事件
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <script type="text/javascript"> function MyClick() { alert("aaaa"); } </script> </head> <body> <!--直接在标签里设置事件--> <input type="button" value="我是一个按钮1" onclick="MyClick()" /> </script> </body> </html>
2. 通过ID在head里面写js
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <script type="text/javascript"> onload = function () { document.getElementById("btn").onclick = function () { alert("aa"); } } </script> </head> <body> <input type="button" value="我是一个按钮2" id="btn" /> </body> </html>
3. 直接紧跟着标签写js
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> </head> <body> <!--直接在标签里设置事件--> <input type="button" value="我是一个按钮1" onclick="MyClick()" /> <input type="button" value="我是一个按钮2" id="btn" /> <script type="text/javascript"> document.getElementById("btn").onclick = function () { alert("aa"); } </script> </body> </html>
推荐新建一个文件夹专门放js
js区分大小写
变量的申明：
//申明变量必须用var
var i = 10;
var s = "aaaa";
var b = false;
var a = [2, 3, 4, 5, 6];
var f = 20.23;*/
//可以用","申明多个变量
var j = "100", ss = "bbb"; b1 = false;
//可以不赋初始值；运行显示"undefined"
var h;
alert(h);
操作字符串的常用方法
var sString = "Hello World";
alert(sString.length); //获取字符串长度
alert(sString.charAt(4)); //获取字符串的第五个字符，从下标0开始算
alert(sString.substring(3));//从第四个字符开始到最后
alert(sString.substring(3, 7));//从第四个字符开始到第七个字符结束
alert(sString.substr(3, 5));//从第四个字符开始，截取长度为5的字符串
alert(sString.indexOf("l"));//从前开始扫描，找到"l"第一次出现的位置，找不到返回-1
alert(sString.indexOf("l", 4));//从第五个位置开始找，第一次出现"l"的位置
alert(sString.indexOf("-"));//返回-1代表字符串中不包含"-"
加减乘除
var iNum1 = 10;
var fNum2 = 20.34;
var sNum2 = "20";
var bNum2 = true;
var sNum3 = "true";
//"+"既可以做运算也可以做连接
var fNum3 = iNum1 + fNum2;//运行结果为 30.34
var sNum3 = iNum1 + sNum2; //这里会把iNum1转变成字符串，最后输出结果是"1020"
var iNum3 = iNum1 + bNum2;//这里会把bNum2转变成整数，输出结果是"11"
var sNum4 = sNum2 + bNum2;//这里显示"20true"
//"-""*""/"只能做运算，直接把内容变成数字做运算
var iNum4 = sNum2 - bNum2;//显示结果为19
var nNum4 = sNum2 - sNum3;//老师说应该显示NaN, NaN=is not a number,但是我试下来结果是负数
// alert(nNum4);
Parse、Number、toString的用法
var fNum = 10.83;
var iNum = parseInt(fNum);//直接把小数部分去掉，不是四舍五入
var sNum = "10.23";
var iNum =parseFloat(sNum) + 10;//这里把sNum转化为小数
var f1 = Number(sNum) + 10; //把字符串变成数字
var i=10;
var s1 = i.toString() + "a";//这里把数字i转化成字符串
//alert(Number("uyeuwyi")); //这时显示NaN
数组
//定长数组
var aTeam1 = new Array(12);
aTeam1[0] = "a";
aTeam1[1] = "b";
//不定长数组
var aTeam2 = new Array();
aTeam2[0] = "a";
aTeam2[1] = "b";
//直接赋值数组
var aTeam3 = ["blue", "red", "yellow"];
//alert(aTeam3.toString()); //把数组变成逗号分隔的字符串，输出结果为"blue,red,yellow"
//alert(aTeam3.join("_").toString());//会用"_"分隔，输出结果为"blue_red_yellow"
//alert(aTeam3.reverse().toString());//颠倒，输出结果为"yellow_red_blue"
//alert(aTeam3.sort().toString());//按照字母排序
var s2 = "aa_bb_cc_dd_ee_ff_gg";
var aString = s2.split("_");
//alert(aString[3]);
多维数组
//多维数组
var aTeam4 = [
["a", "b", "c"],
["d", "e", "f"],
["g", "h", "i"]];
alert(aTeam4[0][1]);