'click':function(){alert("单击")}, 'dblclick':function(){alert("双击")}
Uncaught SyntaxError: Unexpected token ':'
显示的错误信息，把老师写的直接粘贴过来还是错误的
依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版《京东隐私政策》已上线，将更有利于保护您的个人隐私
老师这句话中《京东隐私政策》是加粗加黑的我这样实现可以吗
<span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<b>《京东隐私政策》</b>已上线，将更有利于保护您的个人隐私。</span>
老师这个选择的框为什么选不了，点击中国1，没反应
其他的都可以，就百度拒绝访问，这是正常的吗？
<!--相对路径--> <img src="img/2.jpg" /> <!--绝对路径 --> <img src="D:\\HBuilderProjects\\01HTML\\img\\1.jpg" /> <!--网络路径 --> <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />
复制到桌面后使用浏览器打开，相对路径的图片打不开。我试了360、IE、联想浏览器、Microsoft Edge浏览器都是这样
老师这什么意思 百度拒绝了我的请求。。。。
同样的代码，在HBulider中写完运行打开后是空白网页就一个<>，使用Notepad++写完运行就会5秒后自动跳转带尚学堂官网中
老师如果单价是￥199表示的该怎么进行数学计算？
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: aquamarine; } </style> <script> // *****************************用户名校证****************************************** function checkName(){ // 获取输入的值 var name = document.getElementById("userName").value; // 获取到nameSpan对象 var span = document.getElementById("nameSpan"); // 汉字的正则表达式 var reg = /^[\u4e00-\u9fa5]{1,6}$/; // 验证输入值是否为空 if(name == null || name == ""){ span.style.color = "red"; span.innerText = "用户名不能为空"; return false; }else if(reg.test(name)){ span.style.color = "green"; span.innerText = "用户名输入正确"; return true; }else{ span.style.color = "red"; span.innerText = "用户名输入错误"; return false; } } // **************************************密码校验*********************************** function checkPwd(){ // 获取输入的密码 var value = document.getElementById("pwd").value; // 获取密码里的span对象 var span = document.getElementById("pwdSpan"); // 数字正则表达式 var reg = /^-?[1-9]{6,12}$/; // 验证是否为空已经合法性 if(value == null || value == ""){ span.style.color = "red"; span.innerText = "密码不能为空" return false; }else if(reg.test(value)){ span.style.color = "green"; span.innerText = "密码输入正确" return true; }else{ span.style.color = "red"; span.innerText = "密码输入错误" return false; } } // ***************************************通用校验********************************************* function check(id,reg){ var user = document.getElementById(id); var value = user.value; var alt = user.alt; var span = document.getElementById(id + "Span"); if(value == null || value == ""){ span.style.color = "red"; span.innerText = alt + "不能为空"; return false; }else if(reg.test(value)){ span.style.color = "green"; span.innerText = alt + "输入正确"; return true; }else{ span.style.color = "red"; span.innerText = alt + "输入错误"; return false; } } // **********************************国内电话号校验************************************* function checkTelephone(){ var reg = /^[0-9]{11}$/; check("telephone",reg); } // *************************************邮箱校验************************************ function checkEmail(){ var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; check("email",reg); } // *************************************性别校验************************************* function checkSex(){ // 通过name获取所有对象 var sex = document.getElementsByName("sex"); // 获取span对象 var span = document.getElementById("sexSpan"); for(var i in sex){ // checked判断是否选中了(return用来结束循环) if(sex[i].checked){ span.style.color = "green"; span.innerText = "选择完成"; return true; } } span.style.color = "red"; span.innerText = "请选择性别"; return false; } // ***********************************爱好校验*********************************** function checkHobby(){ // 通过name获取所有对象 var hobby = document.getElementsByName("dx"); //获取span对象 var span = document.getElementById("hobbySpan"); for(var i in hobby){ if(hobby[i].checked){ span.style.color = "green"; span.innerText = "选择完成"; return true; } } span.style.color = "red"; span.innerText = "请选择"; return false; } // *******************************籍贯校验******************************************* function checkAddress(){ // 获取对象的value值 var value = document.getElementById("address").value; // 获取span对象 var span = document.getElementById("addressSpan"); if(value == 0){ span.style.color = "red"; span.innerText = "请选择"; return false; }else{ span.style.color = "green"; span.innerText = "选择完成"; return true; } } // *****************************验证码生成************************************** var number function YZM(){ // 获取sapn对象 var span = document.getElementById("yzmSpan"); // 生成四位随机数字 number = Math.ceil(Math.random() * 9000 + 1000); // 把生成数字写入 span.innerText = number; } // ***********************************验证码校验********************** function checkYZM(){ // 获取验证码对象输入的值 var value = document.getElementById("yzm").value; // 获取span对象 var span = document.getElementById("checkSpan2"); if(value == number){ span.style.color = "green"; span.innerText = "验证码输入正确"; return true; }else{ span.style.color = "red"; span.innerText = "验证码输入错误"; return false; } } // **********************************选择框校验************************************* function checkAgree(){ // 获取选择框对象 var checkbox = document.getElementById("check"); // 获取按钮对象 var submit = document.getElementById("sub"); // 判断是否被勾选了 if(checkbox.checked){ submit.disabled = false; }else{ submit.disabled = true; } } // ************************************提交的总校验***************************************** function all(){ var flag = checkName()&&checkPwd()&&checkTelephone()&&checkEmail()&& checkSex()&&checkHobby()&&checkAddress()&&checkYZM(); return flag; } </script> </head> <body onload="YZM()"> <center> <h1>注册页面</h1> <hr > <form action="" method="get" onsubmit="return all()" > <table> <tr height="30px"> <td width="150px">用户名：</td> <td> <input type="text" id="userName" onblur="checkName()"/> <span id="nameSpan">请输入1~6位的汉字</span> </td> </tr> <tr height="30px"> <td>密码：</td> <td> <input type="password" id="pwd" onblur="checkPwd()"/> <span id="pwdSpan">请输入6~12位数字</span> </td> </tr> <tr height="30px"> <td>手机号：</td> <td> <input type="text" alt="手机号" id="telephone" onblur="checkTelephone()"/> <span id="telephoneSpan"></span> </td> </tr> <tr height="30px"> <td>邮箱：</td> <td> <input type="email" alt="邮箱" id="email" onblur="checkEmail()"/> <span id="emailSpan"></span> </td> </tr> <tr height="30px"> <td>性别：</td> <td> 男：<input type="radio" value="0" name="sex" onclick="checkSex()"/> 女：<input type="radio" value="1" name="sex" onclick="checkSex()"/> <span id="sexSpan"></span> </td> </tr> <tr height="30px"> <td>爱好：</td> <td> <input type="checkbox" value="1" name="dx" onclick="checkHobby()"/>游戏 <input type="checkbox" value="2" name="dx" onclick="checkHobby()"/>漫画 <input type="checkbox" value="3" name="dx" onclick="checkHobby()"/>篮球 <input type="checkbox" value="4" name="dx" onclick="checkHobby()"/>读书 <input type="checkbox" value="5" name="dx" onclick="checkHobby()"/>听歌 <input type="checkbox" value="6" name="dx" onclick="checkHobby()"/>蹦迪 <span id="hobbySpan"></span> </td> </tr> <tr height="30px"> <td>籍贯</td> <td> <select id="address" onchange="checkAddress()"> <option value="0">--请选择--</option> <option value="1">海贼王</option> <option value="2">火影忍者</option> <option value="3">刺客信条</option> <option value="4">LOL</option> <option value="5">斗罗大陆</option> <option value="6">斗破苍穹</option> </select> <span id="addressSpan"></span> </td> </tr> <tr height="30px"> <td>验证码</td> <td> <input type="text" id="yzm" onblur="checkYZM()"/> <span id="yzmSpan"></span> <span id="checkSpan2"></span> </td> </tr> <tr height="30px"> <td>个人介绍</td> <td> <textarea rows="20" cols="30"></textarea> </td> </tr> <tr height="30px"> <td colspan="2" align="center"> <input type="checkbox" id="check" onclick="checkAgree()"/> <span>是否同意本公司协议</span> </td> </tr> <tr height="30px"> <td colspan="2" align="center"> <!-- disabled是不可用的意思，可以看 --> <input type="submit" value="注册" disabled="true" id="sub"/> </td> </tr> </table> </form> </center> </body> </html> <!-- 正则表达式：正则表达式是对于数据格式进行一定的规范限制 ^：开始 [0-9] [a-z A-Z] :数字 字母 {2,4} ：段域 至少是2位 最多是4位 {3}:指定范围就是3位 {2,}:至少是2位 $:结束 \d：[0-9] \w[0-9 a-z A-Z] -->
老师所有的验证都可以，但就是最后汇总提交的时候没有作用直接就可以提交，什么原因？？？？？
老师为什么我用Mircosoft浏览器打开后是空的
function checkAddress(){ // 获取对象的value值 var value = document.getElementById("address").value; // 获取span对象 var span = document.getElementById("addressSpan"); if(value == 0){ span.style.color = "red"; span.innerText = "请选择"; return false; }else{ span.style.color = "green"; span.innerText = "选择完成"; return true; } }
<tr height="30px"> <td>籍贯</td> <td> <select id="address" onchange="checkAddress()"> <option value="0">--请选择--</option> <option value="1">海贼王</option> <option value="2">火影忍者</option> <option value="3">刺客信条</option> <option value="4">LOL</option> <option value="5">斗罗大陆</option> <option value="6">斗破苍穹</option> <span id="addressSpan"></span> </select> </td> </tr>
Uncaught TypeError: Cannot read property 'style' of null这个是错误的信息，我的span就是用不了不知道为什么？
function checkSex(){ // 通过name获取所有对象 var sex = document.getElementsByName("sex"); // 获取span对象 var span = document.getElementById("sexSpan"); for(var i in sex){ // checked判断是否选中了 if(sex[i].checked){ span.style.color = "green"; span.innerText = "选择完成"; return true; } } span.style.color = "red"; span.innerText = "请选择性别"; return false; }
为什么要加一个return才可以显示选择成功，判断条件成立不就会执行里面的语句吗？
function check(id,reg){ var user = document.getElementById(id); var value = user.value; var alt = user.alt; var span = document.getElementById(id + "Span"); if(value == null || value == ""){ span.style.color = "red"; span.innerText = alt + "不能为空"; }else if(reg.test(value)){ span.style.color = "green"; span.innerText = alt + "输入正确"; }else{ span.style.color = "red"; spam.innerText = alt + "输入错误"; } }
function checkTelephone(){ var reg = /^d{3}-d{8}|d{4}-{7,8}$/; check("telephone",reg); }
<tr height="30px"> <td>手机号：</td> <td> <input type="text" alt="手机号" id="telephone" onblur="checkTelephone()"/> <span id="telephoneSpan"></span> </td> </tr>
只能验证是否为空其他的都没有效果，哪里出问题了？
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> tr{ height: 70px; } td,th{ width: 150px; text-align: center; } </style> <script> // *********************添加函数************************************* function addNode(){ // 获取表格对象 var table = document.getElementById("table_1"); // 创建tr对象 var tr = document.createElement("tr"); // 创建td对象(onblur是失去焦点事件) var td1 = document.createElement("td"); td1.innerHTML = "<input type='text' size='10px' onblur='lose(this)' />"; var td2 = document.createElement("td"); td2.innerHTML = "<input type='text' size='10px' onblur='lose(this)' />"; var td3 = document.createElement("td"); td3.innerHTML = "<input type='button' value='添加' onclick='addNode()' />" + "<input type='button' value='删除' onclick='deleteNode(this)' />"; // 添加 table.appendChild(tr); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); } // **********************************删除函数**************************************** function deleteNode(th){ // 获取父类对象（th是input对象，要获取到tr对象需要获取两次父类） var tr = th.parentNode.parentNode; // 删除 tr.remove(); } // ****************************失去焦点事件*********************************************** function lose(th){ // 获取到父类节点td var td = th.parentNode; // 把子节点input的值给到td td.innerText = th.value; } </script> </head> <body> <table align="center" border="1px" id="table_1"> <tr> <th>图书名称</th> <th>图书价格</th> <th>操作</th> </tr> <tr> <td>海贼王</td> <td>9999</td> <td> <input type="button" value="添加" onclick="addNode()" /> <input type="button" value="删除" onclick="deleteNode()" /> </td> </tr> <tr> <td>火影忍者</td> <td>6999</td> <td> <input type="button" value="添加" onclick="addNode()" /> <input type="button" value="删除" onclick="deleteNode()" /> </td> </tr> </table> </body> </html>
老师，初始化里的两个也给了删除操作，但是就是没有反应为什么？？？
老师，我想问一下，在给删除按钮绑定点击事件时 ，我想将方法定义在外部，代码该如何写？按我下面的写法不生效，也不报错。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> function add() { // 定位到要添加的位置 var form = document.getElementById("form"); var last = document.getElementById("last"); // 创建一个 <p></p> 标签 var p = document.createElement("p"); p.innerText = "照片："; // 创建两个 <input /> 标签 var inputFile = document.createElement("input"); inputFile.type = "file"; p.appendChild(inputFile); var inputButton = document.createElement("input"); inputButton.type = "button"; inputButton.value = "删除"; /*inputButton.onclick = function() { // 先移除子元素 p.removeChild(inputButton); p.removeChild(inputFile); // 再移除自身 p.remove(); };*/ inputButton.onclick = 'remove(' + p + ')'; p.appendChild(inputButton); // 在某个标签之前插入新的标签 form.insertBefore(p, last); } function remove (p) { alert(p); } </script> </head> <body> <form id="form"> <p> 用户名：<input type="text" /> </p> <p> 照片：<input type="file" /> <input type="button" value="添加" onclick="add()" /> </p> <p id="last"> <input type="button" value="提交" /> <input type="button" value="清空" /> </p> </form> </body> </html>
重点是这块代码：
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
京公网安备 11011402011233号