js中的字符串,可以是单引号,也可以是双引号
js声明变量对大小写敏感
通过typeof可以获取一个变量的类型
可以使用instanceof运算符来判断对象的类型
console.log 在控制台打印
alert 弹窗
parseInt() 和 parseFloat()。前者把值转换成整数,后者把值转换成浮点数。
循环数组用for in循环,类似于Java中的增强for循环
构造方法 new String(s)
转换方法 String(s)
js中创建对象:var stu={name:sda,height:46};
js的方法不需要声明返回值,参数不需要声明类型
也可以声明又返回值的方法
onchange事件
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JS 的事件</title> <script type="text/javascript"> //点击事件 function myClick() { alert("你真棒"); } //onchange改变事件 function changeDistrict() { //1.获取选中城市 var cityTag=document.getElementById("city"); var code=cityTag.value; //2.获取区域标签 var districtTag=document.getElementById("district"); switch (code) { case "gz": districtTag.innerHTML="<option>1</option><option>2</option><option>3</option><option>4</option>"; break; case "sz": districtTag.innerHTML="<option>5</option><option>6</option><option>7</option><option>8</option>"; break; case "zh": districtTag.innerHTML="<option>9</option><option>10</option><option>11</option><option>12</option>"; break; } } </script> </head> <body> <button onclick="myClick()">点我有惊喜</button> 城市:<select name="city" id="city" onchange="changeDistrict()"> <option value="gz">广州</option> <option value="sz">深圳</option> <option value="zh">珠海</option> </select> 区:<select name="district" id="district"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </body> </html>
onmouseover:鼠标悬浮的事件
onmouseout:鼠标离开的事件
this代表触发当前事件的事件源
preventDefault阻止事件默认行为
fun(event)event是固定写法, 不能写其他
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> var timer; var second =5; function start() { timer=setInterval(function a() { if (second==1){ clearInterval(timer); //跳转 window.open(".\\demo2.html");//跳到另一个页面 //window.location=".\\demo2.html"; } document.getElementById("time").innerHTML=second; second--; },1000) } window.onload=function (){ start(); } </script> </head> <body> 支付成功,<span id="time">5</span>秒后跳转到订单页面 </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> sdasdasda<br> 价格:6000<br> 支付成功 </body> </html>