有效沟通问答-【官方】百战程序员_IT在线教育培训机构

function   testA(){
				
				var  a =10;            //1
				
				  function   testB(){    //2
				  	
				  	alert(a);        
				  	
				  	var  b =100;
				  	
				  	return  b;
				  	
				  }
				
				var c=  testB();        //3
				alert(c);                //4
				
			}
			
			testA();

这里的执行顺序是不是 1、3、4、2 ？

JAVA 全系列/第五阶段：网页编程和设计/Jquery（旧） 661楼

实时效果反馈第一个问题是不是错了呀，应该是==，food已经赋值成功的情况下，不等于剁椒鱼头会显示false结果才执行else后面的语句呀

JAVA 全系列/第五阶段：网页编程和设计/JavaScript语言 662楼

视频中的反选功能好像不太合理，反选后可能会出现全选框选上了，但下面的多选框没有被全选上。

JAVA 全系列/第五阶段：网页编程和设计/Jquery（旧） 663楼

老师，我这代码运行了动画效果显示不出来

<!DOCTYPE html>

<html>

<head>

<style>

.cen{

width:200px;

height:200px;

background-color:#d5093c ;

/*阴影水平方向偏移垂直方向偏移模糊度阴影的颜色*/

box-shadow: 0px 0px 70px #D5093C;

/*执行动画的调用*/

animation：1s aj ;

}

.lef{

/*倒圆角指令*/

border-radius:100px ;

/*左上右下右上左下*/

/*border-radius:10px 60px ;*/

/*border-radius:10px 20px 30px 40px ;*/

position:absolute;

top:200px;

left:200px;

}

.rig{

border-radius: 100px;

position:absolute;

top:200px;

left:341px;

}

.c{

/*旋转角度*/

transform: rotate(45deg);

position:absolute;

top:269px;

left:271px;

}

/*div:hover{

/*放大的倍数*/

/*transform: scale(1.3);*/

/*X：水平的位移 Y：垂直的位移负数：上*/

/* transfrom:translate(0px,-5px);*/

/*2D角度的旋转*/

/*transform:skew(40deg,45deg);*/

/*CSS3中的动画*/

@keyframes aj{

0%{transform: scale(1) rotate(45deg);}

50%{transform: scale(1.1) rotate(45deg);}

100%{transform: scale(1) rotate(45deg);}

}

</style>

</head>

<body>

</body>

</html>

<!--

CSS3中常用的属性

/*倒圆角指令*/

border-radius:100px ;

/*左上右下右上左下*/

/*border-radius:10px 60px ;*/

/*border-radius:10px 20px 30px 40px ;*/

/*旋转角度*/

transform: rotate(45deg);

/*放大的倍数*/

/*transform: scale(1.3);*/

/*X：水平的位移 Y：垂直的位移负数：上*/

/* transfrom:translate(0px,-5px);*/

/*2D角度的旋转*/

/*阴影水平方向偏移垂直方向偏移模糊度阴影的颜色*/

box-shadow: 0px 0px 70px #D5093C;

-->

JAVA 全系列/第五阶段：网页编程和设计/CSS3（旧） 664楼

老师这个怎么在网页中显示文件的名字？没有name标签和value标签

JAVA 全系列/第五阶段：网页编程和设计/HTML5（旧） 665楼

老师，这段代码我一直跑不通，没有这些不合法提示。

11JS中表单校验.rar

JAVA 全系列/第五阶段：网页编程和设计/Javascript 语言（旧） 666楼

为什么我charset不用设置UTF-8也不没有乱码呢？反而设置了会有乱码。

JAVA 全系列/第五阶段：网页编程和设计/HTML5（旧） 667楼

老师为啥我加了body.html{margin:0px;padding:0px;}之后浏览器还是有留白

JAVA 全系列/第五阶段：网页编程和设计/CSS3（旧） 668楼

但实际上我只设置了：

这是为什么？我拿QQ截图量的尺寸

JAVA 全系列/第五阶段：网页编程和设计/CSS3（旧） 669楼

老师为什么我按照代码写的，结果却很不一样呢？代码如下：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <script>
   var yan;
   /***********验证码的生成***************/
   function YZM(){

    //4位随机整数
    yan = Math.floor(Math.random()*9000+1000);
    //获得span对象
    var span = document.getElementById("yzm_span");
    span.innerText = yan;
   }

   /************提取公部分***************/
   function check(id,reg){

    //获取对应id的value
    var uid = document.getElementById(id);
    var val = uid.value;

    //获取alt属性
    var alt = uid.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 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 checkPhone(){
    //手机号的正则表达式

    var reg=/^\d{11}$/;

       return check("phone",reg);
   }

   /***********性别校验***************/
   function checkSex(){

    //获取所有性别对象
    var sex = document.getElementById("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 checkHob(){

    //获取所有爱好对象
    var hob = document.getElementById("hobby");

    //获取span对象
    var span = document.getElementById("hobby_span");
    for(var i in hob){

     if(hob[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(yzm==yan){

     span.innerText = "验证码正确";
     span.style.color = "green";
     return true;
    }else{

     span.innerText = "验证码错误";
     span.style.color = "red";
     return false;
    }
   }

   /***********是否同意协议************/
   function checkAgr(){

    //同意框
    var check = document.getElementById("check");
    //提交
    var sub = document.getElementById("sub");

    sub.disabled = !check.checked;
   }

   function zong(){

    var flag = checkName()&&checkPwd()&&checkPhone()&&checkEmail()&&checkSex()&&checkAdress()&&checkYZM();

    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="手机号" onblur="checkPhone()"/>
       <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="sex" value="0" onblur="checkSex()"/>
       女：<input type="radio" name="sex" id="sex" value="1" onblur="checkSex()"/>
       <span id="sex_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>爱好：</td>
      <td>
       <input type="checkbox" name="hobby" id="hobby" value="1" onblur="checkHob()"/>唱歌
       <input type="checkbox" name="hobby" id="hobby" value="2" onblur="checkHob()"/>跳舞
       <input type="checkbox" name="hobby" id="hobby" value="3" onblur="checkHob()"/>溜冰<br />
       <input type="checkbox" name="hobby" id="hobby" value="4" onblur="checkHob()"/>LOL
       <input type="checkbox" name="hobby" id="hobby" value="5" onblur="checkHob()"/>爬山
       <input type="checkbox" name="hobby" id="hobby" value="6" onblur="checkHob()"/>旅游
       <span id="hobby_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>籍贯：</td>
      <td>
       <select name="address" 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="checkAgr()"/>是否同意本公司协议
      </td>

     </tr>
     <tr height="35px">
      <td colspan="2" align="center">
       <input type="submit" name="" id="sub" value="注册" disabled="true"/>
      </td>
     </tr>


    </table>
   </form>
  </center>
</body>
</html>

JAVA 全系列/第五阶段：网页编程和设计/Javascript 语言（旧） 670楼

老师视频怎么样才能快进?我试了一下，发现快进不了，只能等它按顺序播放

JAVA 全系列/第五阶段：网页编程和设计/HTML5（旧） 671楼

问题：为啥1出那边不可以通过变量操作具体每个样式的值，一定要写成2的那个样子嘛

JAVA 全系列/第五阶段：网页编程和设计/Javascript 语言（旧） 672楼

请问老师，empty是什么类型呢？是null吗，还是undefined

JAVA 全系列/第五阶段：网页编程和设计/Javascript 语言（旧） 673楼

老师，我也遇到这个问题了怎么转换的啊

<!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">&#xe8ff;</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>
					
				</select>
				
			</div>
			
		</div>
		
		<!--标题结束-->
		
		<!--显示菜单的开始-->
		
		<div class="tips warp">
			
			<ul>
				<li><input type="checkbox" name="fav" id="all" onclick="checkTest1(this)" />全选</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">￥152.6</li>
				<li class="info_6">					
					<button onclick="checkTest3(this,1)">-</button>
					<input type="text" value="1" />
					<button class="bot" onclick="checkTest3(this,2)">+</button>					
				</li>
				<li class="info_7">￥152.6</li>
				<li class="info_8">
					<a>删除</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/img2.jpg" width="80px"/></li>
				<li class="info_3"><a>【京东超市】联想电脑，第六代智能英特尔 </a></li>
				<li class="info_4"><a>颜色：灰色+粉红</a></li>
				<li class="info_5">￥152.6</li>
				<li class="info_6">					
					<button checkTest3(this,1)>-</button>
					<input type="text" value="1" />
					<button class="bot" checkTest3(this,2)>+</button>					
				</li>
				<li class="info_7">￥152.6</li>
				<li class="info_8">
					<a>删除</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/img3.jpg" width="80px"/></li>
				<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服 </a></li>
				<li class="info_4"><a>颜色：灰色+粉红</a></li>
				<li class="info_5">￥152.6</li>
				<li class="info_6">					
					<button checkTest3(this,1)>-</button>
					<input type="text" value="1" />
					<button class="bot" checkTest3(this,2)>+</button>					
				</li>
				<li class="info_7">￥152.6</li>
				<li class="info_8">
					<a>删除</a><br />
					<a>移至我的关注</a>
				</li>
			</ul>
					
		</div>
		
		<!--商品详情展示结束-->
		
		
		<!--结算模块开始-->
		
		<div class="balance warp">
		
			<ul class="balance_ul1">
				<li><input type="checkbox" name="fav" onclick="checkTest1(this)" />全选</li>
				<li><a>删除选中商品</a></li>
				<li><a>移到我的关注</a></li>
				<li><a>清除下柜商品</a></li>
			</ul>
			
			<ul class="balance_ul2">
				<li>已经选择<span>1</span>件商品</li>
				<li>总价<span>￥12</span></li>
				<li>
					<button class="butt">去结算</button>				
				</li>
			</ul>
			
		</div>
		<!--结算模块结束-->
		
	</body>
</html>

JS代码：

	//获得所有的多选框对象
	var fav = document.getElementsByName("fav");

//判断是否全选操作
function checkTest1(th){
	
	var flag = th.checked;
	
		for(var i in fav){
			fav[i].checked = flag;
		}	
	}

//单选决定全选操作
function checkTest2(){
	
	var flag = true;
	
	for(var i=1;i<fav.length-1;i++){
		
		if(!fav[i].checked){
			
			flag=false;
			break;
		}		
	}
	//决定框是否勾选
	fav[0].checked = flag;
	
	fav[fav.length-1].checked = flag;
}

//控制数量的增加和减少
function checkTest3(th,sig){
	
	var pre;
	
	if(sig=="1"){
		
	 //获得下一个节点
	 pre = th.nextElementSibling;
	 
	 if(Number(pre.value)>0){
	 	//获得节点的value值
	pre.value = Number(pre.value)-1;
	 }

	}else{
		
	 //获得上一个节点对象
	 pre=th.previousElementSibling;
	 
	 //获得节点的value值
	pre.value = Number(pre.value)+1;
	
	}
	
	//计算每一个商品总的价格
	//获得每一个商品的单价         parentNode：父节点      innerHTML:该商品的价格
	var val = pre.parentNode.previousElementSibling.innerHTML;
	
	//计算总的价格       Number(pre.value):商品的数量
	var zong = Number(val)*Number(pre.value);
	
	//把总的价格赋值给指定的对象
	pre.parentNode.nextElementSibling.innerHTML = "￥"+zong;
	
}

JAVA 全系列/第五阶段：网页编程和设计/Javascript 语言（旧） 674楼

 <ul class="topnav">
        <li>item 1</li>
        <li>item 2</li>
        <li>
            <ul>
                <li>children item1</li>
                <li>children item2</li>
            </ul>
        </li>
    </ul>
    <script>
        var topnav = document.getElementsByClassName("topnav")[0];
        var children = topnav.chilNodes;
        for(var i=0;i<children.length;i++){
            if(children[i].nodeName!=="#text"){
                children[i].style.border = "2px solid red";
            }
        }
    </script>

添加不了边框，显示

children.length

错误

JAVA 全系列/第五阶段：网页编程和设计/jQuery 675楼

同学您好