老师,上面的函数体里的也没有加var,不是全局变量吗?
<!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> <script> var str1='你好,佛可栏,回家吃饭了,'; var newStr1=str1.replace(/[佛][可][栏]/g,'张账务'); var newStr2=str1.replace(/佛可栏/g,'张账务'); console.log(newStr1); console.log(newStr2); </script> </body> </html>
老师,这两种写法没区别吧
为什么这里id会重复, id不是唯一的吗
<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>
老师为啥我输入这些数字的任何一个出来都是星期天呀
::(){ that = (){ that.}} }.(.()())
这个打印出来为什么是my object?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ppt练习题</title> </head> <body> <!--按图完成效果,要求: (1)导航静态实现 (2)数据内容动态实现 (3)样式要写在style中,用动态实现。--> <script> var arr = ['全部','精华','分享','问答','招聘']; var ul = document.createElement('ul'); var ul_style = document.createAttribute('style'); ul_style.value = "list-style: none;padding: 0;margin: 0;"; ul.setAttributeNode(ul_style); document.body.appendChild(ul); for (var i = 0; i<arr.length ;i++){ var li = document.createElement('li'); var li_style = document.createAttribute('style'); li_style.value = "display: block;float: left;background: azure;margin: 0 5px;width:35px;height: 30px;line-height: 30px;text-align: center;"; if (i== 0){ li_style.value ='display: block;float: left;margin: 0 5px;width:35px;height: 30px;line-height: 30px;text-align: center;background:red;'; } li.setAttributeNode(li_style); var a = document.createElement('a'); a.innerHTML = arr[i]; li.appendChild(a); ul.appendChild(li); } </script> </body> </html>
老师,这个第一问是这个思路吗?
2、第二问数据内容动态实现是什么思路呢?是用循环和Input结合吗?把input在for循环中创建吗?判断条件的话应该怎么确定,能让他实现动态循环?
为什么id会重复,id不是唯一的吗
var num = 5; for(var i = 1;i<=num;i++){ console.log(i); }
老师,这个for循环的执行顺序是不是:判断条件符合以后,先执行输出i,其次执行i++,继续判断。
//主动操作_导航 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ul{ list-style: none; padding: 0; } li{ display: inline-block;width: 100px;height: 30px;line-height: 30px;text-align: center;background-color: pink;cursor: pointer; } </style> </head> <body> <ul> <li><a href="http://www.baidu.com">首页</a></li> <li><a href="http://www.baidu.com">娱乐</a></li> <li><a href="http://www.baidu.com">军事</a></li> <li><a href="http://www.baidu.com">新闻</a></li> </ul> <script> var lis=document.querySelector("li"); for (var i=0;i<lis.length;i++){ lis[i].onclick=function () { this.querySelector("a").click(); } } </script> </body> </html>
老师,麻烦帮我看一下,为啥我运行完结果不对,不是点哪儿都能跳转页面
<script> var s=prompt("请输入您的分数:"); var s=parseInt(s/10); switch (s) { case 10: case 9: document.write("A"); break; case 8: document.write("B"); break; case 7: case 6: document.write("C"); break; default: document.write("不及格"); } </script>
//求平均值 var arr=[2,5,1,6,8,4,9]; function getAverage(tempArr){ var sum=0; for(var i in tempArr){ sum+=tempArr[i]; } return sum/tempArr.length; //返回平均值 } var result=getAverage(arr); //函数的调用 console.log(result);
1、为什么函数的调用那行不写成
var result=getAverage(tempArr);
呢?
2、计算结果时都要用return结尾吗?意义是什么呢?
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> var ul=document.createAttribute('ul'); ul.style.listStyle='none'; ul.style.padding='0'; var arr=["首页","军事","娱乐","历史","政治"]; for(var i=0;i<arr.length;i++){ var li=document.createAttribute("li"); li.style.cssText="display:inline-block;width:100px;height:30px;line-height:30px;" + "text-align:center;margin-left:5px;background-color:skyblue"; li.innerHTML=arr[i]; ul.appendChild(li); li.onmouseenter=function(){ this.style.backgroundColor="blue"; } li.onmouseleave=function(){ this.style.backgroundColor="pink"; } } document.body.appendChild(ul); </script> </head> <body> </body> </html>
listStyle出错,onmouseenter和onmouseleave是我手动敲出来的,编辑器没有自动提示,我的webstrom版本是10.0.3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{width: 200px;height: 200px;background-color: darkseagreen;} .div2{width: 100px;height: 100px;background-color: pink;margin: 25px auto;} </style> </head> <div> <div class="div1">div1 <div class="div2" onclick="test3()">div2</div> </div> </div> <body> <script> var div1=document.querySelector('div1'); var div2=document.querySelector('div2'); function test3() { console.log('这是第二个函数'); div2.setAttribute('onclick',null); } </script> </body> </html>
老师帮忙看下报错了,什么原因?
<div style="width:200px;height: 200px;background-color: pink"></div> <script> var div = document.querySelector('div'); //鼠标按下时触发 div.onmousedown=function(){ div.style.backgroundColor='blue'; } //鼠标抬起时触发 div.onmouseup=function(){ div.style.cssText='background-color:red'; }
为什么鼠标抬起时功能不能实现?
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637