<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>html事件</title> <style> .div1 { width: 200px; height: 200px; background-color: paleturquoise; } .div2 { margin: 25px auto; width: 100px; height: 100px; background-color: orange; } </style> </head> <body> <div class="div1" onclick="text1()">div1 <div class="div2" onclick="text3(); text2()">div2</div> </div> <script> var div1=document.querySelector('.div1'); var div2=document.querySelector('.div2'); function text1() { console.log('这是第一个函数'); } function text2() { div2.setAttribute('onclick',null); console.log('这是第二个函数'); } function text3() { div2.setAttribute('onclick',null); console.log('这是第三个函数'); } // div2.setAttribute('onclick',null); </script> </body> </html>
问题一：我在函数里面写了事件移除的代码，为啥点击div2还是执行了代码？
问题二，既然我们要删除事件了，为啥代码不写在外面呢？就像最后一行注释的代码。
QQ截图20201208222729.png
[23,12,43,25,45,66],求出最大值和最大值的下标
老师，求他的最大值下标为什么用indexOf呢，这不是查这个数第一次出现的位置吗，没有一样的数呀
<script> function baozi(mianfen,zhurou,dacong) { console.log(mianfen); console.log(zhurou); console.log(dacong); return '包子'; } baozi('面粉','猪肉','大葱'); console.log('包子'); </script>
老师，我看下面有人提问说怎么不是包子，您说是没有打印出来，我就写了，为啥不对呢，怎么结果是包子，面粉，猪肉，大葱呢，是我加的不对吗，返回值的意思不太懂
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div></div> <h2>恐怖分子</h2> <button>开枪</button> <script> var h2=document.querySelector('h2'); document.querySelector('button').onclick=function () { h2.style.cssText='color:red;text-align:center;'; h2.innerHTML='恐怖分子已被击杀！！！！去死吧'; } </script> </body> </html>
老师，如果<h2>标签里面本来就有文本，innerHTML是直接把文本给替换了，而不是在原来文本后面继续添加，我想在原来的文本后面添加，该怎么操作呢？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding: 0; } /* ul { list-style: none; } li { display: inline-block; width: 100px; margin: 10px; text-align: center; background-color: skyblue; height: 30px; line-height: 30px; } a { text-decoration: none; color: orangered; }*/ li:hover { background-color: palevioletred; } li:hover a { color: #ffffff; } </style> </head> <body> <!-- <ul> <li><a href="#">丰田</a></li> <li><a href="#">本田</a></li> <li><a href="#">雷克萨斯</a></li> <li><a href="#">马自达</a></li> </ul> --> <script> var Arr=['丰田','本田','雷克萨斯','马自达','尼桑']; var ul=document.createElement('ul'); var ul_style=document.createAttribute('style'); ul_style.value='list-style: none;'; ul.setAttributeNode(ul_style); for (var i=0; i<Arr.length; i++) { var li=document.createElement('li'); var li_style=document.createAttribute('style'); li_style.value='display: inline-block; width: 100px; margin: 10px; \ text-align: center; background-color: skyblue; height: 30px; line-height: 30px;'; li.setAttributeNode(li_style); var a=document.createElement('a'); a.innerHTML=Arr[i]; // var a_text=document.createTextNode(Arr[i]); var a_style=document.createAttribute('style'); a_style.value='text-decoration: none; \ color: orangered;'; // a.appendChild(a_text); a.setAttributeNode(a_style); li.appendChild(a); ul.appendChild(li); } document.body.appendChild(ul); </script> </body> </html>
老师，我写出来之后，网页上确实显示了，但是hover失效了，而且a标签也没有小手了。
QQ截图20201205142438.png
<script> var str='hello sxt! goodbye sxt'; while (str.indexOf('sxt')!=-1){ var newStr=''; newStr=str.replace('sxt','xxx'); } console.log(newStr); </script>
我这个怎么成死循环了呢，有什么不对吗，老师
<script> var string = 'xiaoMingTongXue'; var str=string.lastIndexOf('i') ; document.write(str); </script>
老师从末尾处往前数，i所占的位置不是6吗，怎么是5呢，这个末尾处指的是不是Ming呀
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我要成为像马斯克一样的人!</title> </head> <body> <script> function roll() { var docTitle=document.title; var titleArr=docTitle.split(''); titleArr.push(titleArr.shift()); var newTitle=titleArr.join(''); document.title=newTitle; }; setInterval ('roll()',500); </script> </body> </html>
<script> //打印出1，1，2，3，5，8，13 var num1=1; var num2=1; document.write(num1+"<br/>"); document.write(num2+"<br/>"); var i=0; while (i<5){ //把num1的值先保存起来，如果不保存的话，就会每次都是和num1=1相加 var temp=num1; //第二次的第一个值是第一次的第二个值 新的num1是上一次的num2 num1=num2; //新的num2是上一次的(num1+temp) num2=temp+num2; document.write(num2+"<br/>"); i++; } </script>
老师我想着，把num1赋值给temp，到最后，不是也是num1=1和其他相加吗，老师，我不太懂while循环里面的
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自定义右键菜单案例</title> <style> ul{width: 200px;background: #f8f8f8;border: 1px solid #cccc;list-style: none;padding: 0;display: none;position: absolute;} ul li{height: 30px;line-height: 30px;font-size: 14px;padding-left: 10px;cursor: pointer;} ul li:hover{background-color: teal;} </style> </head> <body> <textarea cols="30" rows="10"></textarea> <ul> <li>你是谁?</li> <li>你确定要离开本页面吗？</li> <li>选中的内容跳转到百度搜索</li> <li>输入的内容跳转到百度搜索</li> </ul> <script> //系统右键菜单禁用事件【contextmenu】 document.oncontextmenu = function (eve) { return false; //return false表示事件禁用 }; //鼠标右键点击任意位置显示右键菜单 var ul = document.querySelector('ul'); document.onmouseup = function(eve){ //eve.button可以判断用的是鼠标的哪一个按钮 //左键是0，滚轮是1，右键是2 //console.log(eve.button); if(eve.button == 2){ //设置鼠标点击的位置 //记住记住记住，必须给‘px’ ul.style.left = eve.clientX + 'px'; ul.style.top = eve.clientY + 'px'; ul.style.display = 'block'; }else{ ul.style.display = 'none'; } } //采用事件委托，点击每一个选项时触发的事件 ul.onclick = function(eve){ if(eve.target.innerHTML == '你是谁?'){ alert('我是我') }else if(eve.target.innerHTML == '你确定要离开本页面吗？'){ //判断点击的是确定还是取消 if(confirm(eve.target.innerHTML == '你确定要离开本页面吗？')){ window.close(); } }else if(eve.target.innerHTML == '选中的内容跳转到百度搜索'){ var result = document.getSelection().toString();//getSelection()获取选中的内容,然后转成字符串就可以搜索了 window.open('http://www.baidu.com/s?wd=' + result); }else{ var result1 = prompt('搜索什么'); window.open('http://wwww.baidu.com/s?wd=' + result1); } } </script> </body> </html>
老师，我的第三个只能跳到百度，不能直接选中搜索
<script> var alt=""; for (var i=1;i<=5;i++){ //代表行 var blank=""; for (var j=1;j<=5-i;j++){ //代表空格 blank+=" "; } var star=""; for (var s=1;s<=2*i-1;s++){ star+="*"; } alt+=blank+star+"<br/>"; } document.write(alt); </script>
老师为什么我的不是等腰三角形呀，那个blank哪也弄了空格了，我弄不出那个题的效果，老师帮忙看看吧
老师，我这个怎么num怎么还是获取不到，按照视频的案例写的
<script> var day=prompt("请输入一个数字"); switch (day){ case 1:{document.write("星期一");} break; case 2:{document.write("星期二"); } break; case 3:{document.write("星期三");} break; case 4:{ document.write("星期四"); } break; case 5:{document.write("星期五");} break; // case 6:{ // document.write("星期六"); // } break; // case 7:{ // document.write("星期日"); // } break; default:{document.write("星期天");} } </script>
老师为啥我输入这些数字的任何一个出来都是星期天呀
QQ截图20201130165548.png
如果按第一种写法，意思就是把所有的关键字都默认当成字符串，用方括号写就默认把关键字还当作关键字？
<script> var timer1=null; var timer2=null; var timer3=null; timer0=setInterval('show("对滴！")',1000); timer2=setInterval(function(){console.log("hello");},1000); timer3=setInterval(function(){console.log("world");},1000); console.log(timer1);//1 console.log(timer2);//2 console.log(timer3);//3 function show(tmp){console.log("小白大可爱"+tmp);} // clearInterval(timer1); //clearInterval(1); </script>
老师您好，我想请问间隔调用的返回的数字队列，是一定会从1开始吗？我这部分打印出来的数字队列返回值就从几开始的都有
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
京公网安备 11011402011233号
