第七阶段 -- 网页编程基础：【JS02】

最新推荐文章于 2022-03-14 17:36:16 发布
最新推荐文章于 2022-03-14 17:36:16 发布
阅读量327 收藏
点赞数
分类专栏： python学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42375099/article/details/95589093
版权

文章目录

1. DOM编程实例01

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style><!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			tr{
				height: 70px;
			}
			td ,th{
				width: 150px;
				text-align: center;
			}
		</style>
		<script>
			function  addNode(){
				//获得table表格对象
				var  tab=document.getElementById("tab"); 
				//创建tr节点对象
				var tr =document.createElement("tr");
				//创建td对象
				var  td =document.createElement("td");
				td.innerHTML="<input type='text' size='10px' οnblur='seaveVal(this)'/>"
				
				var  td2 =document.createElement("td");
				td2.innerHTML="<input type='text' size='10px'  οnblur='seaveVal(this)'/>"
				var  td3 =document.createElement("td");
				td3.innerHTML="<input type='button'  value='添加'/> "+
				              "<input type='button' value='删除' οnclick='removeNode(this)'/>"
				tab.appendChild(tr);
				tr.appendChild(td);
				tr.appendChild(td2);
				tr.appendChild(td3);
			}
			
			function  seaveVal(thi){
				//获得父亲级节点
				var  td =thi.parentNode;
				td.innerText=thi.value;
			}
            
			function removeNode(thi){
				//获得tr节点
				var tr= thi.parentNode.parentNode;
				tr.remove();
			}
		</script>
	</head>
	<body>
		<table border="1px" align="center" id="tab">
			<tr>
				<th>图书名称</th>
				<th>图书价格</td>
				<th>操作</th>
			</tr>
			<tr>
				<td>javaSE</td>
				<td>19</td>
				<td>
					<input type="button" name="" id="" value="添加"  onclick="addNode()"/>
					<input type="button" name="" id="" value="删除" onclick='removeNode(this)' />
				</td>
			</tr>
			<tr>
				<td>javaEE</td>
				<td>39</td>
				<td>
					<input type="button" name="" id="" value="添加" onclick="addNode()"/>
					<input type="button" name="" id="" value="删除" onclick='removeNode(this)'/>
				</td>
			</tr>
		</table>
	</body>
</html>
			tr{
				height: 70px;
			}
			td ,th{
				width: 150px;
				text-align: center;
			}
		</style>
		<script>
			function  addNode(){
				//获得table表格对象
				var  tab=document.getElementById("tab"); 
				//创建tr节点对象
				var tr =document.createElement("tr");
				//创建td对象
				var  td =document.createElement("td");
				td.innerHTML="<input type='text' size='10px' onblur='seaveVal(this)'/>"
				var  td2 =document.createElement("td");
				td2.innerHTML="<input type='text' size='10px'  onblur='seaveVal(this)'/>"
				var  td3 =document.createElement("td");
				td3.innerHTML="<input type='button'  value='添加'/> "+
				              "<input type='button' value='删除' onclick='removeNode(this)'/>"
				tab.appendChild(tr);
				tr.appendChild(td);
				tr.appendChild(td2);
				tr.appendChild(td3);	
			}

2. DOM编程实例02

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
			  background-image: url(img/bjsky.jpg);
			  background-repeat: no-repeat;
			  background-size: 1600px  800px;
			}
			a{
				font-size: 25px;
				color: #ffffff;
			}
			.div1{
				width: 300px;
				height: 200px;
				background-color: gray;
				text-align: center;
			}
			input{
				width: 40px;
				height: 30px;
			}
		</style>
		<script>
		    var  i=-1;
			 function  changebc(){
			 	var  arr=['mayun.jpg','bjsky.jpg','simple.jpg','sxt.jpg','zgc.jpg'];
			    if(i<arr.length-1){
			    	    i++;
			    }else {
			    	i=0;
			    }
document.body.style.backgroundImage="url(img/"+arr[i]+")"
			 }
			function  chengove(){
				//获得div对象
				var  div =document.getElementById("div_1");
				div.style.marginTop= Math.random()*500+ "px";
div.style.marginLeft=Math.random()*800+"px";
			}
			function  changeclk(){
document.body.style.backgroundImage="url(img/1.jpg)";
				//设置当前的div隐藏
document.getElementById("div_1").style.display="none";	
			}
		</script>
	</head>
	<body>
		<a href="javascript:changebc()">点击更换主题</a>
		<div class="div1" id="div_1">
			<h3>我是不是你的小可爱</h3>
			<input type="button" value="是"  onclick="changeclk()"/>
			<input type="button" value="否"  onmouseover="chengove()"/>
		</div>
	</body>
</html>

3. 表单元素操作

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function  checkName(){
				//获得input对象的值
				var  uname =document.getElementById("uname").value;
				//获得span对象
				var span =document.getElementById("uname_span");
				if(uname==null||uname==""){
					span.innerText="×账号不能为空";
				}else {
					span.innerText="√账号合法";
				  //手动的提交表单
				}
			}
		</script>
	</head>
	<body>
		 <form action="" name="fom" id="fom" >
		 	<p>
		 		账号：<input type="text" name="uname" id="uname" onblur="checkName()"/><span id="uname_span"></span>
		 	</p>
		 	<p>
		 		密码：<input type="password" name="pwd" value="123"/>
		 	</p>
		 	<p>
		 		<input type="button" value="提交" onclick="checkName()" />
		 	</p>
		 </form>
	</body>
</html>
<!--
	readonly和disabled
	共同的特点： 可以看到数据， 但是不可以操作数据
	不同：readonly（只读）： 里面的数据是可以提交到后台
	     disabled（不可用）：数据无法提交到后台
	 控制表单提交的方式
   [1]  οnsubmit="return checkName()"
   [2]  document.fom.submit();
   [3]   var  fom = document.getElementById("fom");
		 fom.submit();
-->

4. 表单验证

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		  var  ran;
			/**********验证码生成**********/
			function  YZM(){
				//4位随机整数
			    ran=Math.floor(Math.random()*9000+1000);
				//获得span对象
				var span =document.getElementById("yzm_span");
				span.innerText=ran;
			}
			
			/*********校验用户名方法**************/
			
			function  checkName(){
				//汉字的正则表达式
				var  reg=/^[\u4e00-\u9fa5]{3,5}$/;
				return check("uname",reg);
			}
			
			/*********校验邮箱方法**************/
			
			function  checkEmail(){
				//邮箱的正则表达式
				var  reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
			return	check("email",reg);
			}
			
			/*********密码邮箱方法**************/
			function  checkPwd(){
				//密码的正则表达式
				var  reg=/^\d{3,6}$/;
			return	check("pwd",reg);
			}
			
			/***********提取公共的部分***************/
			function  check(id,reg){
				//获得密码的值
				var  uname=document.getElementById(id);
				var  val=uname.value;
				//获得alt属性
				var  alt=uname.alt;
				//获得span对象
				var span =document.getElementById(id+"_span");
				if(val==null||val==""){
					span.innerText="×"+alt+"不能为空";
					span.style.color="red";
					return false;
				}else if(reg.test(val)){
					span.innerText="√"+alt+"合法";
					span.style.color="green";
					return true;
				}else{
					span.innerText="×"+alt+"不合法";
					span.style.color="red";
					return false;
				}
			}
			
			/*******性别校验**************/
			function  checkSex(){
				//获得所有的性别对象
				var  sex=document.getElementsByName("sex");
				//获得span对象
				var span =document.getElementById("sex_span");
				for(var  i in sex){
					if(sex[i].checked){
						span.innerHTML="性别选择成功";
						span.style.color="green";
						return true;
					}
				}
				span.innerHTML="请选择性别";	
				span.style.color="red";	
				return false;
			}
			/*********籍贯校验***********/
			function  checkAdress(){
				var  sel=document.getElementById("sel").value;
				var  span =document.getElementById("sel_span");
				if(sel==0){
					span.style.color="red";
					span.innerText="请选择籍贯"
					return false;
				}else {
					span.style.color="green";
					span.innerText="籍贯选择成功"
					return true;
				}
			}
			/*******验证码输入校验********************/
			function  checkYZM(){
				//获得自己输入的验证码
				var  yzm=document.getElementById("yzm").value;
				//获得span标签
				var  span =document.getElementById("yzm2_span");
				if(ran==yzm){
					span.style.color="green";
					span.innerText="验证码正确";
					return true;
				}else {
					span.style.color="red";
					span.innerText="验证码不正确";
					return false;
				}
			}
			/*******是否统一协议**********/
			function  checkAgree(){
				//同意框
				var  check=document.getElementById("check");
				//提交
				var  sub=document.getElementById("sub");

				sub.disabled=!check.checked;
			}
			function zong(){	
			  var  flag=checkName()&&checkPwd()&&checkSex()&&checkYZM()&&checkAgree()&&checkEmail();
		     return flag;		
			}
			/*
			 * 
			 * 正则表达式：
			 *    
			 * 正则表达式是对于数据格式进行一定的规范限制
			 * 
			 * 
			 * ^：开始
			 * [0-9]  [a-z A-Z] :数字  字母
			 * 
			 * {2,4} ：段域 至少是2位  最多是4位
			 * {3}:指定范围就是3位
			 * {2,}:至少是2位
			 *  $:结束
			 * 
			 * \d：[0-9]
			 * 
			 * \w[0-9 a-z A-Z]
			 * 
			 * */
		</script>
	</head>
	<body onload="YZM()">
		<center>
		<h3>注册页面</h3>
		<hr />
		<form action="" method="get" onsubmit="return zong()">
		<table>
			<tr height="35px">
				<td width="150px">用户名：</td>
				<td width="400px">
					<input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()"/>
				    <span id="uname_span">*用户名必须是3-5位的汉字</span>
				</td>
			</tr>
			<tr height="35px">
				<td>密码：</td>
				<td>
					<input type="password" name="pwd" id="pwd" value="" alt="密码" onblur="checkPwd()"/>
					<span id="pwd_span"></span>
					
				</td>
			</tr>
			<tr height="35px">
				<td>手机号：</td>
				<td>
					<input type="text" name="phone" id="phone" value="" alt="手机号" />
					<span id="phone_span"></span>
				</td>
			</tr>
			<tr height="35px">
				<td>邮箱：</td>
				<td>
					<input type="text" name="email" id="email" value="" alt="邮箱" onblur="checkEmail()" />
				    <span id="email_span"></span>
				</td>
			</tr>
			<tr height="35px">
				<td>性别：</td>
				<td>
					男：<input type="radio" name="sex" id="" value="1"  onclick="checkSex()"/>
					女：<input type="radio" name="sex" id="" value="0" onclick="checkSex()"/>
					<span id="sex_span">
					</span>
				</td>
			</tr>
			<tr height="35px">
				<td>爱好：</td>
				<td>
					<input type="checkbox" name="fav" id="" value="1" />唱歌
					<input type="checkbox" name="fav" id="" value="2" />睡觉
					<input type="checkbox" name="fav" id="" value="3"  />LOL<br />
					<input type="checkbox" name="fav" id="" value="4"  />旅游
					<input type="checkbox" name="fav" id="" value="5" />高尔夫
					<input type="checkbox" name="fav" id="" value="6" />篮球
					
				</td>
			</tr>
			<tr height="35px">
				<td>籍贯：</td>
				<td>
					<select name="adress" id="sel" onchange="checkAdress()">
						<option value="0">--请选择--</option>
						<option value="1">河南</option>
						<option value="2">湖南</option>
						<option value="3">海南</option>
						<option value="4">云南</option>
					</select>
					<span id="sel_span"></span>
				</td>
			</tr>
			
			<tr height="35px">
				<td>验证码</td>
				<td>
					<input type="number" name="" id="yzm" value="" onblur="checkYZM()"/>
					<span id="yzm_span"></span>
					<span id="yzm2_span"></span>
				</td>
			</tr>
			<tr height="35px">
				<td>个人介绍：</td>
				<td>
					<textarea name="intro" rows="8" cols="30"></textarea>
				</td>
			</tr>
			<tr height="35px">
				<td colspan="2" align="center">
					<input type="checkbox" name="" id="check" value="" onclick="checkAgree()">是否同一本公司协议
				</td>
			</tr>
			<tr height="35px">
				<td colspan="2" align="center">
					<input type="submit" id="sub" value="注册" disabled="true"/>
				</td>
			</tr>
		</table>
		</form>
		</center>
	</body>
</html>

5. 案例：制作购物车页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/jd.css"/>
		<link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
		<script type="text/javascript" src="js/jd.js" ></script>
	</head>
	<body>
		<!--导航开始-->
		  <div class="nav">
		  	 <div class="warp">
		  	 	  <ul class="nav_ul1">
		  	 	  	<li><a href=""><i class="iconfont">&#xe6d3;</i> 京东首页</a></li>
		  	 	  	<li><a href="">配送到：北京</a></li>
		  	 	  </ul>
		  	 	  <ul class="nav_ul2">
		  	 	  	<li><a href="">洋洋宝贝</a><span>|</span></li>
		  	 	  	<li><a href="">我的订单</a><span>|</span></li>
		  	 	  	<li><a href="">我的京东</a><span>|</span></li>
		  	 	  	<li><a href="">京东会员</a><span>|</span></li>
		  	 	  	<li><a href="">企业采购</a><span>|</span></li>
		  	 	  	<li><a href="">京东手机</a><span>|</span></li>
		  	 	  	<li><a href="">关注京东</a><span>|</span></li>
		  	 	  	<li><a href="">客户服务</a><span>|</span></li>
		  	 	  	<li><a href="">网站导航</a></li>
		  	 	  </ul>
		  	 </div>
		  </div>
		<!--导航结束-->
		<!--搜索框开始-->
		  <div class="search">
		  	  <div class="warp">
		  	  	  <img src="img/logo.jpg" />
		  	  	  <div class="search_div">
		  	  	  	  <input type="text" class="search_text" />
		  	  	  	  <input type="button" value="搜索"  class="search_but"/>
		  	  	  </div>
		  	  </div>
		  </div>
		<!--搜索框结束-->
		<!--标题开始-->
		  <div class="title warp">
		  	  <h3>全部商品</h3>
		  	  <div> 
		  	  	 <span>配送到</span>
		  	  	<select>
		  	  		<option>昌平区</option>
		  	  		<option>顺义区</option>
		  	  		<option>大兴区</option>
		  	  		<option>朝阳区</option>
		  	  		<option>昌平区</option>
		  	  	</select>
		  	  </div>
		  </div>
		<!--标题结束-->
		<!--显示菜单的开始-->
		  <div class="tips warp">
		  	 <ul>
		  	 	<li>
		  	 		<input type="checkbox" name="fav" id="all" onclick="checkTest1(this),checkTest2()"/>
		  	 		全选
		  	 	</li>
		  	 	<li>商品</li>
		  	 	<li>单价</li>
		  	 	<li>数量</li>
		  	 	<li>小计</li>
		  	 	<li>操作</li>
		  	 </ul>
		  </div>
		<!--显示菜单的结束-->
		
		<!--商品详情展示开始-->
		  <div class="info warp">
		  	
		  	  <ul>
		  	  	<li class="info_1"><input type="checkbox"   name="fav" onclick="checkTest2()"/> </li>
		  	  	<li class="info_2"> <img src="img/img1.jpg" width="80px"/> </li>
		  	  	<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服</a></li>
		  	  	<li class="info_4"><a>颜色：灰色+粉红</a> </li>
		  	  	<li class="info_5">182.5</li>
		  	  	<li class="info_6">
		  	  		<button onclick="checkTest3(this,1),checkTest2()">-</button>
		  	  		<input type="text" name="" id="" value="1" />
		  	  		<button class="bot" onclick="checkTest3(this,2),checkTest2()">+</button>
		  	  		
		  	  	</li>
		  	  	<li class="info_7">￥182.5</li>
		  	  	<li>
		  	  		<a href="javascript:viod(0)" onclick="checkTest4(this),checkTest2()">删除</a><br />
		  	  		<a>已到我的关注</a>
		  	  	</li>
		  	  </ul>
		 </div>
		 <div class="info warp">
		  	  <ul>
		  	  	<li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()"/> </li>
		  	  	<li class="info_2"> <img src="img/img1.jpg" width="80px"/> </li>
		  	  	<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服</a></li>
		  	  	<li class="info_4"><a>颜色：灰色+粉红</a> </li>
		  	  	<li class="info_5">182.5</li>
		  	  	<li class="info_6">
		  	  		<button onclick="checkTest3(this,1),checkTest2()">-</button>
		  	  		<input type="text" name="" id="" value="1" />
		  	  		<button class="bot" onclick="checkTest3(this,2),checkTest2()">+</button>
		  	  		
		  	  	</li>
		  	  	<li class="info_7">￥182.5</li>
		  	  	<li>
		  	  		<a href="javascript:viod(0)" onclick="checkTest4(this),checkTest2()">删除</a><br />
		  	  		<a>已到我的关注</a>
		  	  	</li>
		  	  </ul>
		  </div>
		   <div class="info warp">
		  	  <ul>
		  	  	<li class="info_1"><input type="checkbox" name="fav"  onclick="checkTest2()"/> </li>
		  	  	<li class="info_2"> <img src="img/img1.jpg" width="80px"/> </li>
		  	  	<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服</a></li>
		  	  	<li class="info_4"><a>颜色：灰色+粉红</a> </li>
		  	  	<li class="info_5">182.5</li>
		  	  	<li class="info_6">
		  	  		<button onclick="checkTest3(this,1),checkTest2()">-</button>
		  	  		<input type="text" name="" id="" value="1" />
		  	  		<button class="bot" onclick="checkTest3(this,2),checkTest2()">+</button>	
		  	  	</li>
		  	  	<li class="info_7">￥182.5</li>
		  	  	<li>
		  	  		<a href="javascript:viod(0)" onclick="checkTest4(this),checkTest2()">删除</a><br />
		  	  		<a>已到我的关注</a>
		  	  	</li>
		  	  </ul>
		  </div>
		<!--商品详情展示结束-->
		<!--结算开始-->
	   <div class="balance warp">
	   	   <ul class="balance_ul1">
	   	   	<li>
	   	   		<input type="checkbox" name="fav" id="" value=""  onclick="checkTest1(this),checkTest2()"/>
	   	   		全选
	   	   	</li>
	   	   	<li><a>删除选中商品</a></li>
	   	   	<li><a>移到我的关注</a></li>
	   	   	<li><a>清除下柜商品</a></li>
	   	   </ul>
	   	   <ul class="balance_ul2">
	   	   	 <li>已经选择<span id="snum">0</span>件商品</li>
	   	   	 <li>总价 <span id="zongz">￥0</span></li>
	   	   	 <li>
	   	   	 	<button class="butt">去结算</button>
	   	   	 </li>
	   	   </ul>
	  	</div>
		<!--结算结束-->
	</body>
</html>

6. 自定义对象prototype

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function  user(age,sex){
				this.name="张三";
				this.age=age;
				this.sex=sex;
				this.eat=function(){
					//方法体
					alert("我是user中的吃的方法")
				}
			}
			function  user2(){
				this.run=function(){
					alert("我是user2中跑的方法");
				}
			}
			user.prototype=new user2();
			//创建对象
			var  us =new  user(12);
			us.look="看雾霾";//js中对象的使用比较灵活
			//alert(us.name+"<---->"+us.age+"<---->"+us.sex+"<====>"+us.look);
			us.run();
		</script>
	</head>
	<body>
	</body>
</html>
JavaWeb_JavaScript(JS)第二天笔记
SUIT THUG!的博客
08-31 186
回顾 js 代码有哪两种引入方式 <script> //js </script> // js 代码写在 *.js文件中 <script src="js文件的路径"></script> 声明变量和常量 let 变量名; const 常量名; 六种基本类型 number boolean null string undefined bigint == (比较值) 与 === （比较类型和值） 数组 let array = []; /
python基本语法笔记_基本语法
weixin_42372573的博客
01-29 154
语法JavaScript的语法和Java语言类似，每个语句以;结束，语句块用{...}。但是，JavaScript并不强制要求在每个语句的结尾加;，浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。让JavaScript引擎自动加分号在某些情况下会改变程序的语义，导致运行结果与期望不一致。在本教程中，我们不会省略;，所有语句都会添加;。例如，下面的一行代码就是一个完整的赋...
table中加表单元素每行怎么验证_table自动增加行和表单元素
weixin_39924486的博客
12-21 107
function addNewRow() {var cjTable = document.getElementById("createTable");var body_obj = cjTable.getElementsByTagName("tbody");var row_obj = cjTable.rows[cjTable.rows.length-1].cloneNode(true);if(bod...
JS02：引入JavaScript
搬运工
03-14 2089
HTML 引入 JavaScript 1、内部标签 index.html 文件，通过 <script> 标签引入 JavaScript 。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内部标签</title> <script> alert('Hello world');
js02基础
猫先生的专栏
09-20 276
标签（label） JavaScript 语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。 label: 语句 标签可以是任意的标识符，但不能是保留字，语句部分可以是任意语句。 标签通常与break语句和continue语句配合使用，跳出特定的循环。 top: for (var i = 0; i &lt; 3; i++){ ...
Angry-Birds-Stage-3:javascript中的愤怒的小鸟第3阶段
03-29
在这个阶段，我们将深入探讨JavaScript中的类继承和图像处理，这些都是构建复杂交互式网页应用的关键组成部分。 1. **类继承**：在JavaScript中，类继承是通过原型链来实现的。对象的原型（prototype）可以链接到另...
pre-work-phase-2-fundamentals:第二阶段工作前基础
03-31
在IT行业中，"pre-work-phase-2-fundamentals"通常指的是一个培训或学习计划的第二阶段，这个阶段主要关注在实际工作开始之前的基础知识和技能的建立。这可能是一个软件开发、数据分析或者其他技术领域的入门课程，...
goit-markup-hw-05：https：saminka.github.iogoit-markup-hw-05
02-13
5. JavaScript文件（.js）：尽管没有明确提到，但高级项目可能会涉及JavaScript，用于增加网页的交互性。 在这个学习项目中，用户可以期待以下知识点： 1. HTML基础：学习HTML的基本结构，例如文档类型声明（<!...
desafio-02-hook-carrinho-de-compras:2ºDesafio Ignite-卡林尼奥·德·卡里尼奥·坎普
03-20
描述 "desafio-02-hook-carrinho-de-compras:2ºDesafio Ignite-卡林尼奥·德·卡里尼奥·坎普" 再次强调了这是一个关于购物车实现的第二阶段挑战，暗示可能在第一阶段已经完成了一些基础的UI或者数据处理，现在则...
go-it-js-hw-10-food-service-2:ДЗ10
03-07
标题 "go-it-js-hw-10-food-service-2:ДЗ10" 暗示这是一项关于JavaScript编程的作业或项目，可能是Go-IT教育机构的学生作业，主题为"食品服务2"。描述中的"DЗ10"可能是作业编号或者阶段标识，表明这是第十个任务...
JS02-数据类型
weixin_44211097的博客
08-29 195
1、基础数据类型放在栈区，直接引用；引用数据类型放在堆区，通过栈区引用
table中加表单元素每行怎么验证_表单与验证()
weixin_32529429的博客
01-13 1244
[翻译-ASP.NET MVC]Contact Manager开发之旅迭代3 - 验证表单本翻译系列为asp.net mvc官方实例教程。在这个系列中，Stephen Walther将演示如何通过ASP.NET MVC framework结合单元测试、TDD、Ajax、软件设计原则及设计模式创建一个完整的Contact Manager应用。本系列共七个章节，也是七次迭代过程。本人将陆续...文章技...
表单验证table表格添加数据
sui_yz的博客
01-07 2110
function chan(){                 $("#cityz").siblings().remove();                                  var shi=[["西二旗","海淀区"],["承德市","邯郸市"]];                 var sheng=$("#sheng").val();             
css 旋转45_CSS
weixin_30340269的博客
11-29 2146
java041CSS3 中新增选择器获得class名称是div1下面的第一个子元素.div1>p:first-child{ color: red; } div1>p:last-child{ color: green; }获取具体的某一个子元素/*.div1>p:nth-child(3){background-color:fuchsia;}*/隔行变色 even：单行下标 ...
检查Table中TD 是否为空值
panxiuyan
02-27 788
在用sorttable 时,经常会碰到这样的问题,有些TD的值为空,而这个时间sorttable显示就会没有边框,所以我只在TD加上一个&nbsp; 下面的javascript就可解决这个问题 [code="js"]function checkTdValue(tabid){ var tableobj = document.getElementById(tabid); ...
html绑定servelet详解,超通俗易懂的Servlet入门教程
weixin_36268255的博客
06-30 1318
不怕千万人阻挡，就怕自己投降。文章目录概念:运行在服务器端的小程序servlet就是一个接口，定义了Java类被浏览器访问到(tomcat识别)的规则。将来我们自定义一个类，实现servlet接口，复写方法。所以servlet就是实现了Servlet接口的类。01.Servlet快速入门1．创建javaEE项目2．定义一个类，实现servlet接口public class servletDemo1...
第三阶段：【网络通信】
weixin_42375099的博客
06-30 5405
第三阶段：day18_063019【网络通信01】 1. 网络基础 IP地址：常用的是A, B, C三。最常见的是C类。 私有IP / 公有IP IP地址127．0．0．1~127．255．255．255⽤于回路测试 子网掩码：区分网络号和主机号 端口号：用来标记区分进程. 0 — 65535 知名端口：0 — 1023（80：HTTP。3306：MySQL。443：百度。） 动态端口...
【案例】电影数据分析
weixin_42375099的博客
08-05 2594
文章目录数据集数据加载数据探索和清洗评分最多电影评分最高分析评分人数中最多的百部电影评分与年龄关系 数据集 数据集包含3个csv文件，文件中包含电影名字，发行时间，评分用户信息，评分等信息 http://grouplens.org/datasets/movielens/ （使用的dataset是older datasets） 评分表 （u.data） 196 242 3 881250949 1...
【案例】航班准点分析
weixin_42375099的博客
08-06 1871
文章目录1. 数据集2. 数据探索和清洗3. 起飞以及到达延迟情况4. 数据库样式 1. 数据集 数据集为美国各州机场的航班信息，包含出发地，目的地，是否出发延迟15分钟，是否到达延迟15分钟等。 https://www.transtats.bts.gov/Fields.asp?Table_ID=236 import numpy as np import pandas as pd import m...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值