Title() { span=.()=.(.()*)+span.=} () { YZM_val=.().sapn = .()(YZM_val==||YZM_val==){ sapn.=sapn..=} (YZM_val==){ sapn.=sapn..=} { sapn.=sapn..=} } () { reg=(reg)} () { reg=(reg)} () { reg=(reg) } () { reg=(reg)} () { sex=.()(i sex){ (sex[i].){ span=.()span.=span..=} } } () { val=.().span=.()(val!=){ span.=span..=} } () { agree=.()sub =.()sub.=!agree.} () { flag= ()& () & () &() &() &()flag} (idreg) { id_in=.(id)val =id_in.alt=id_in.span=.(id+)(val==||val==){ span.=+alt+span..=} (reg.(val)){ span.=+alt+span..=} { span.=+alt+span..=} } ()()()3-10()8()(): :():()()---()()
老师,我想问下为社么我验证码或则手机号什么的输入错误也能提交
老师,JavaScript中的for循环我有个问题:
第一种代码:
function myFunction(){
var x="",i;
for (i=0;i<5;i++){
x=x + "这个数字是" + i + "<br>";
document.getElementById("demo").innerHTML=x;
}
第二种代码:
结果:产生的效果都是执行函数后语句显示了5句话。
问题:第一种代码很容易理解,就是采用java的思想,但是第二种显示语句是在for循环外,应该是只显示一个语句,为啥也是显示5个语句。
<!DOCTYPE html>
<!--
HTML中的文档约束
-->
<html>
<head>
<meta charset="utf-8" />
<title></title>
搜索引擎优化
<meta name="author" connect="朱自清,章三"/>
<meta name="description" content="盼望着" />
<meta name="keywords" content="东风,盼望" />
<!-- 刷新网页 -->
<meta http-equiv="refresh" content="5;http://www.bjsxt.com" />
</head>
<body>
</body>
</html>
五秒后不跳转
使用老师提供的网盘下载的HBuilder 这个几个文件需要删除吗
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{ width: 200; height: 200; background-color: yellow; } .box2{ width: 200px; height: 50px; background-color: red; } .box3{ width: 200px; height: 50px; background-color: green; } </style> </head> <body> <button id="btn1" >单击</button> <button id="btn2" >双击</button> <button id="btn3" >鼠标摁下</button> <button id="btn4" >鼠标抬起</button> <div id="btn5" class="box1">鼠标移动</div> <div id="btn6" class="box2">鼠标进入特定范围触发</div> <div id="btn7" class="box3">鼠标移出特定范围触发</div> <script> var btn1 = document.getElementById("btn1") var btn2 = document.getElementById("btn2") var btn3 = document.getElementById("btn3") var btn4 = document.getElementById("btn4") var btn5 = document.getElementById("btn5") var btn6 = document.getElementById("btn6") var btn7 = document.getElementById("btn7") btn1.onclick = function(){ console.log("单击事件"); } btn2.ondblclick = function(){ console.log("双击事件"); } btn3.onmousedown = function(){ console.log("鼠标摁下"); } btn4.onmouseup = function(){ console.log("鼠标抬起"); } btn4.onmouseup = function(){ console.log("鼠标抬起"); } btn5.onmousemove = function(){ console.log("鼠标移动"); } btn6.onmouseenter = function(){ console.log("鼠标进入"); } btn7.onmouseleave = function(){ console.log("鼠标移出"); } </script> </body> </html>
老师,我在style里已经设置了宽高,为什么在控制台里显示的不一样
老师这里获得节点对象都是元素节点对象吗?不管是通过id、name和标签名获得都是元素节点对象吗
咋回事呢
老师 问题如图,感觉这块还是有问题啊,
老师,这些前端代码需要认真敲一遍吗,对整体学习帮助大吗
老师,我想问在实际开发中操作前端页面也是这样子一点一点微调像素值的吗,这种做法会不会导致在不同浏览器上面效果不一样,然后不同设备效果也不一样,而且一些网页在手机上也能适配到是怎么做到的呢,总感觉对定位和布局这方面的做法得有一些规范性的操作才可行
视频最后一分钟加上herf咋感觉没跳转效果啊?
<a href="javascript:viod(0)" onclick="checkTest4(this),checkTest2()">删除</a>
课上的这段写成底下这样 一样不?
<a href="javascript:checkTest4(this),checkTest2()">删除</a><br>
<!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.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 checkAdress(){ var sel=document.getElementById("sel").value; var span=document.getElementById("sel_span"); if(sel==0){ span.style.color="red"; span.innerTest="请选择籍贯"; 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"" id="check" value="" onclick="checkAgree()" />是否同意本公司协议 </td> </tr> <tr height="35px"> <td colspan="2" align="center"> <input type="submit" id="sub" value="注册" disabled="true" /> </td> <td></td> </tr> </table> </form> </center> </body> </html>
辛苦老师帮忙看下是哪里出了问题,多选框一直提示有问题,还有性别,一直没有提示“性别合法”,谢谢!
遇到的问题:
老师,这个地方定时器的执行过程是这样吗,网页加载完毕后先执行getTIme()方法,然后再执行定时器方法,定时器再调用getTime方法。
代码区:
function getTime(){ var date=new Date(); //活得事件 var time=date.toLocaleString(); //获得ID名称是span_1的对象 var span=document.getElementById("span_1"); //在span对象中间插入时间 span.innerHTML=time; } //定时器 1S后进行方法的调用 调用一次 网页加载完毕后第一次调用,等待一秒后第开始第二次调用 //window.setTimeout("getTime()",1000); //参数:调用的方法 等待调用的时间 //每间隔一秒就会进行方法的调用,调用多次 var in1= window.setInterval("getTime()",1000);//给定时器起个名字,定时器可能有很多,在清楚定时器的时候指定定时器名字 function clearTime(){ //清除in1定时器 window.clearInterval(in1); } </script> </head> <body onload="getTime()"> <!--通过JS获取事件,并把事件放到span标签内--> 当前的时间是<span id="span_1"> </span> <p> <input type="button" value="停止时间" onclick="clearTime()"/> </p> </body>
学这个我可以造这些表情包吗?
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637