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

JAVA 全系列

Python 全系列

职业规划/学习方法

AI驱动的Python编程

AIGC人工智能工具全能班

Stable Diffusion（自选模型）AI绘图

大模型全系列

【AI科普】深入浅出人工智能

【AI理论】提示词工程：高效对话与优化技巧

【职场AI】AI在职场中的高效应用场景

【办公AI】DeepSeek接入办公工具实战

【工作流】Coze视频工作流

【Python入门】零基础快速掌握Python编程

【Java入门】从零开始学Java：基础到实践

【企业实战】如何在项目中集成智能聊天机器人

【AI社交】在微信中接入DeepSeek打造AI女友

【大模型框架】LangChain 与基于RAG构建医疗问答系统

【AI助手与数据可视化】Assistants 与 Streamlit

【大模型本地部署与微调】训练属于你的Deepseek

【编程探秘】解锁AI智能编程工具奥秘

【图像绘图】走进Midjourney图像AI绘图世界

【模绘解析】洞悉Stable Diffusion（自选模型）AI绘图原理

WEB前端全系列

大厂算法特训班

C++特训班

鸿蒙应用开发

大数据全系列

Hadoop 分布式计算MapReduce和资源管理Yarn

人工智能

人工智能基础-Python科学计算和可视化

微服务

SpringBoot与MybatisPlus

Spring Cloud Alibaba技术栈

租房网（Spring Cloud最新架构）

软件测试全系列

Java编程基础和Java Web开发基础

7u职场软实力

毕设项目

软考中级

软考初级

ROS2机器人开发

计算机考研408

百战万词考研英语

考研英语7000词汇精讲1（1-1000）

考研英语7000词汇精讲2（1000-2000）

考研英语7000词汇精讲3（2000-3000）

考研英语7000词汇精讲4（3000-4000）

考研英语7000词汇精讲5（4000-5000）

考研英语7000词汇精讲6（5000以上）

英文原版报刊选题：《经济学人》选题

英文原版报刊选题：《纽约时报》选题

英文原版报刊选题：《自然nature》选题

英文原版报刊选题：《时代周刊times》选题

英文原版教材：《柏拉图：理想国，西方哲学源头》

考研英语

考研政治

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 133943个问题

时间排序推荐排序

直接把两个div分开不是一样可以分离吗

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

老师，去哪里拿视频里的mp3和mp4文件，我在下载资料里没找到

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

我鼠标点的时候就出现黑色的边框什么原因，是缺少什么标签了吗

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

老师划线的这行代码是什么意思啊？？？？？

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

老师，我在打开页面之后直接选中某一个单选框，（不改变数量值的情况下，）总价显示的是NaN（如图）

但在我更改数量之后，就会显示数字结果了，当我再改变数量为1的时候还是会有数字的（如图），这是怎么回事呢？

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
		<script>
		//将得到的验证码定义在方法外面，因为校验时要用
		var ran;
			/*验证码*/
			function yzm(){
				//随机生成四位数
				//Math.floor(x)返回小于参数x的最大整数,即对浮点数向下取整
				 ran=Math.floor(Math.random()*9000+1000);
				//获得span对象
				var span = document.getElementById("yzm_span");
				span.innerText=ran;
			}
			/*校检用户名*/
			/*function checkName(){
				//获得用户名的值
				var uname=document.getElementById("uname").value;
				//获得span对象
				var span = document.getElementById("uname_span");
				//正则表达式    只能输入汉字
				var reg = /^[\u4e00-\u9fa5]{3,5}$/;
				if(uname==null || uname==""){
					span.innerText="X用户名不能为空";
					//加样式
					span.style.color="red";
				}else if(reg.test(uname)){
					span.innerText="√用户名含法";
					span.style.color="green";
				}else{
					span.innerText="×用户名不合法";
					span.style.color="red";
				}
			}
			*/
			/*校检密码*/
			/*function checkPwd(){
				//获得密码的值
				var pwd=document.getElementById("pwd").value;
				//获得span对象
				var span = document.getElementById("pwd_span");
				//正则表达式    只能输入汉字
				var reg = /^\d{4,6}$/;
				if(pwd==null || pwd==""){
					span.innerText="X密码不能为空";
					//加样式
					span.style.color="red";
				}else if(reg.test(pwd)){
					span.innerText="√密码含法";
					span.style.color="green";
				}else{
					span.innerText="×密码不合法";
					span.style.color="red";
				}
			}*/
			/*校检用户名*/
			function checkName(){
				var reg = /^[\u4e00-\u9fa5]{3,5}$/;
				//调用check方法
				return check("uname",reg);
			}
			/*校检密码*/
			function checkPwd(){
				//正则表达式    只能输入汉字
				var reg = /^\d{4,6}$/;
				return check("pwd",reg);
			}
			/*手机号*/
			function checkTel(){
				var reg = /^1([38][0-9]|4[5-9]|5[0-3,5-9]|66|7[0-8]|9[89])[0-9]{8}$/;
				return check("phone",reg);
			}
			
			/*邮箱*/
			function checkEmail(){
				var reg =/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
				return check("ema",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="X"+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");
				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;
				/*return true/return false   因为已经选择了爱好，但是程序到这里并没有终止，从而导致你选择无效*/
			}
			
			/*爱好检验*/
			function checkFavours(){
				//获得性别的对象
				var fav = document.getElementsByName("fav");
				var span = document.getElementById("fav_span");
				//用循环，有两个
				for(var i in fav){
					if(fav[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.innerText="请选择";
					span.style.color="red";
					return false;
				}else{
					span.innerText="已选择";
					span.style.color="green";
					return true;
				}
			}
			
			/*验证码*/
			function checkYzm(){
				var yzm = document.getElementById("yzm").value;
				var span = document.getElementById("yzm2_span");
				if(ran==yzm){
					span.innerText="输入正硧";
					span.style.color="green";
					return true;
				}else{
					span.innerText="输入错误";
					span.style.color="red";
					return false;
				}
			}
			
			/*协议与提交*/
			function checkAgree(){
				//协议对象
				var check = document.getElementById("check");
				//提交对象
				var sub = document.getElementById("sub");
				//没有选择submit才灰色
				sub.disabled=!check.checked;
			}
			
			/*总校验*/
			function all(){
				var flag = checkName()&&checkPwd()&&checkTel()&&checkEmail()checkFavours()&&checkAdress()&&checkYzm()&&checkAgree()&&checkSex();
				return flag;
			}
			/*正则表达式 ：是对于数据格式进行一定的规范限制
			 
			 * ^  :   开始
			 * [0-9] [a-z A-Z]  数字与字母
			 * {2，4}  ：段域    至小是2位	最多是4位
			 * {3}   ：   指定范围就是3位
			 * $  : 结束
			 * \d : [0-9]
			 * \w  : [0-9 a-z A-Z]
			 * */
			
		</script>
		<style type="text/css">
			h2{
				width: 100%;
				text-align: center;
				
			}
			form{
				margin-left: 500px;
			}
			.left{
				padding-right: 30px;
				text-align: right;
			}
		</style>
	</head>
	<body onload="yzm()">
		<h2 >注册页面</h2>
		<hr />
		
			<form action="#" method="get" onsubmit="return all()">
				<table width="500px">
					<tr>
						<td class="left">用户名：</td>
						<td>
							<!--失去焦点时调用    onblur=""-->
							<input type="text" name="uname" id="uname" placeholder="请输入" alt="用户名" onblur="checkName()"/>
							<span id="uname_span">用户名必须是3至5位汉字</span>
						</td>
					</tr>
					<tr>
						<td class="left">密码：</td>
						<td>
							<input type="password" name="pwd" id="pwd" alt="密码" onblur="checkPwd()"/>
							<span id="pwd_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left">手机号：</td>
						<td>
							<input type="tel" name="phone" id="phone" alt="手机号" onblur="checkTel()"/>
							<span id="phone_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left"> 邮箱：</td>
						<td>
							<input type="email" name="" id="ema" value="" alt="邮箱" onblur="checkEmail()"/>
							<span id="ema_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left">性别：</td>
						<td>
							男:<input type="radio" name="sex" value="man" onclick="checkSex()"/>
							女:<input type="radio" name="sex" value="wonam" onclick="checkSex()"/>
							<span id="sex_span">
							
							</span>
						</td>
					</tr>
					<tr>
						<td class="left">爱好：</td>
						<td>
							<input type="checkbox" name="fav" id="song" value="唱歌" onclick="checkFavours()"/>
							<label for="song">唱歌</label>
							<input type="checkbox" name="fav" id="sleep" value="sleep" onclick="checkFavours()"/>
							<label for="sleep">睡觉</label>
							<input type="checkbox" name="fav" id="lol" value="lol" onclick="checkFavours()"/>
							<label for="lol">LOL</label><br />
							<input type="checkbox" name="fav" id="visit" value="旅游" onclick="checkFavours()"/>
							<label for="visit">旅游</label>
							<input type="checkbox" name="fav" id="gef" value="高尔夫" onclick="checkFavours()"/>
							<label for="gef">高尔夫</label>
							<input type="checkbox" name="fav" id="basketball" value="basketball" onclick="checkFavours()"/>
							<label for="basketball">篮球</label>
							<span id="fav_span">
								
							</span>
						</td>
					</tr>
					<tr>
						<td class="left">籍贯：</td>
						<td>
							<select name="籍贯" id="sel" onchange="checkAdress()">
								<option value="0">请选择</option>
								<option value="1">广东</option>
								<option value="2">上海</option>
								<option value="3">北京</option>
								
							</select>
							<span id="sel_span">
									
								</span>
						</td>
					</tr>
					<tr>
						<td class="left">验证码：</td>
						<td>
							<input type="number" name="" id="yzm" value="" onblur="checkYzm()"/>
							<span id="yzm_span"></span>
							<span id="yzm2_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left">个人介绍：</td>
						<td>
							<textarea name="自我介绍" rows="10" cols="20"></textarea>
						</td>
					</tr>
					<tr>
						<td></td>
						<td>
							<input type="checkbox" name="协议" id="check" onblur="checkAgree()"/>
							是否同意本公司协议
						</td>
					</tr>
					<tr>
						<td></td>
						<td>
							<!--disabled="true"  按钮不能用-->
							<input type="submit" id="sub" value="注册" disabled="true"/>
						</td>
					</tr>
				</table>
				
			</form>
		
	</body>
</html>

老师，最后的总校验（all()）运行不了，查不到原因，麻烦老师帮我看看哪里出错了

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

老师我实现不了这个邮箱的代码。无法像老师一样输入不正确的邮箱得到提示。我用谷歌 360 IE 和WIN10 的浏览器都不行

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

老师，为什么我照着视频去敲，还是新增不了啊？

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

老师帮看一下 我的按钮   “是”跳转图片不成功

<!DOCTYPE html>

<html>

<head>

<style>

body{

background-image: url(img/bjsky.jpg);

background-repeat:no-repeat ;

background-size: 1600px 800px;

}

font-size: 25px;

color: #ffffff;

}

.div1{

width: 300px;

height: 200px;

background-color: gray;

text-align: center;

}

input{

width: 40px;

height: 30px;

}

</style>

var i=-1;

function changebc(){

var arr=['bjsky.jpg','mayun.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>

<h3>我是不是你的小可爱</h3>

</div>

</body>

</html>

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

老师为什么前后不统一呢?

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

老师我发现了一个问题

我执行下面这行代码

这个《java编程之道》到下面了

为什么啊老师？不是在表格下面加一行吗？

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function addNode(){
				var fom=document.getElementById("fom");
				var p=document.createElement("p");
				var inp=document.createElement("input");
				inp.type="file";
				var inp2=document.createElement("input");
				inp2.type="button";
				inp2.value="删除";
				var lastNode=document.getElementById("lastNode");
				//fom.appendChild(p);
				fom.insertBefore(p,lastNode);
				fom.appendChild(inp);
				fom.appendChild(inp2);
				
				
			}
		</script>
	</head>
	<body>
		<form id="fom">
			<p>
				用户名：<input type="text" />
			</p>
			
			<p>
				照片：<input type="file" />
				<input type="button" value="添加" onclick="addNode()"/>
			</p>			

			<p id="lastNode">
				<input type="button" value="提交" />
				<input type="button" value="清空" />
			</p>
		</form>
	</body>
</html>

老师我的为什么是这样子的

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

老师，我原原本本的敲这一节视频里面的代码，点F12的时候，出现下面这个情况

但是我把您给的源代码贴过来，重新运行就没出现这个情况，这是啥原因啊？

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

同问，为什么视频里面没有在js获取id btn5就能直接对它进行操作呀

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

老师，请问这个斜线在前面和在后面有什么规律呢

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

同学您好