JavaWeb学习笔记(3)

it2022-05-05  141

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>

 

转载于:https://www.cnblogs.com/zhangwugai/p/11196890.html

相关资源:JavaWeb学习笔记

最新回复(0)