这里的.div{position:absolute;}这个地方不明白。
var yg=document.getElementById("yg"); yg.ondblclick=function(){ console.log("dblcick事件"); }
老师,这个我为啥打印不出来?
老师,比如说 6-j = 12 ,那他这的 i ++ 就加到12 停止 这个不理解?i++在这里面代表什么呢?谢谢老师,
老师,想问一下,为什么可以用&分割,原字符串里并没有&啊
又为什么第二个分割后没有&,而第一个有
var arr = ["尚学堂","百战程序员"];
var myArr = arr.join("&");
console.log(myArr);
console.log(myArr.split("&"));
这个地方合并的第二个参数是写错了吗,咋是两个Sum.prototype合并
//for循环计算100以内偶数的和 var sum = 0; for( var i = 1; i <= 100; i++){ if(i % 2 == 0){ sum += i; } i++; } document.write("for循环100以内偶数的和:" +sum)
老师,是哪里出了问题,sum是0?
function waterFlow(){ var parentconter = document.getElementById("conter"); var allChild = document.getElementById("conter").getElementsByClassName("boximg"); var screenWidth = document.documentElement.clientWidth; var childWidth = allChild[0].offsetWidth; var rowsNum = Math.floor(screenWidth/childWidth)-1; parentconter.style.cssText="width:"+rowsNum*childWidth+"px;margin: 0 auto;" getMinHeightOfCols(allChild,rowsNum) } waterFlow() // 动态设置图片位置 function getMinHeightOfCols(allChild,rowsNum){ // 存储每列高度 var colsHeightArr = []; for(var i =0;i<allChild.length;i++){ //判断取出第一行的图片,获取图片对应高度,放入到数组中 if(i<rowsNum){ //获取当前图片高度 colsHeightArr[i] = allChild[i].offsetHeight; // console.log(colsHeightArr[i]) }else{ //获取高度最小的值 var minHeightofCols = Math.min.apply(null,colsHeightArr); // console.log(minHeightofCols) //获取最小值对应的下标(位置) var minHeightOfIndex = colsHeightArr.indexOf(minHeightofCols); console.iog(minHeightOfIndex) //摆放第二列图片位置 allChild[i].style.position = "absolute"; allChild[i].style.top=minHeightOfCols+"px"; allChild[i].style.left=allChild[minHeightOfIndex].offsetleft+"px"; colsHeightArr[minHeightOfIndex] = colsHeightArr[minHeightOfIndex] + allChild[i].offsetHeight; } } }
下标位置获取不到,无法添加定位样式
resultStr+= 视频中+什么意思。前面好像没讲。
实时效果反馈
1. 下列关于闭包,横线处应该填写的代码是:
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function () {
return function () {
return name;
};
}
console.log(object.getNameFunc()());
A null
B My Object
C The Window
D 报错
答案
1=>C
这里说的“横线处应该填写的代码”,没找到横线,是说运行结果吗?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>变量提升</title> </head> <body> <script> //函数可以像简单值一样作为函数的返回值 function info() { console.log('我是谁'); console.log('我会干什么'); function caiyi() { console.log('我要表演才艺'); } return caiyi; } info(); //直接调用,会执行里面的内容 var result = info(); //返回给调用者 result(); //直接调用 </script> </body> </html>
1、老师,为什么info(); 直接调用没有执行'我要表演才艺’?
2、为什么必须要把info();赋值给一个变量才行,赋值后var result是一个函数吗?老师说的这句是返回给调用者,这是什么意思?caiyi()这个是在哪里执行的?为什么执行了?
3、为什么result();可以直接调用,这句是函数吗?完整的语句执行是怎么执行的?没有看明白这个顺序。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>鼠标事件_1</title> </head> <body> <div style="width:200px;height: 200px;background-color: pink "></div> <script> var div = document.querySelector('div'); //鼠标移动时触发 div.onmousemove=function(){ //event对象,仅在函数内部使用,表示事件本身 //clientX clientY ,表示鼠标在视口中的坐标 var x=event.clientX; var y=event.clientY; console.log('(x,y):('+x+','+y+')'); } </script> </body> </html>
老师,
console.log('(x,y):('+x+','+y+')');
这段代码是里面的单引号都是什么作用 , (‘+x+’,‘+y+’)
var lis = document.querySelector(".up").querySelectorAll("li"); var divs = document.querySelector(".down").querySelectorAll("div"); var timer=null; for (var i = 0; i < lis.length; i++) { (function (i) { lis[i].onmouseenter = function () { timer = setTimeout(function () { for (var j = 0; j < lis.length; j++) { lis[j].removeAttribute("class"); divs[j].removeAttribute("class") } lis[i].setAttribute("class", "select") divs[i].setAttribute("class", "div-select") }, 300) } }(i)) lis[i].onmouseout = function () { clearTimeout(timer); } }
合并以后只能显示第一个,悬停没效果了,怎么办
<!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> body{ height: 2000px; background: linear-gradient('skyblue','pink'); } </style> </head> <body> <span>密码:</span><input type="password"><span class="passwordSpan"></span> <script> var password=document.querySelector('input'); var passwordSpan=document.querySelector('.passwordSpan'); var flag=false; // document.body.onkeydown=function(){ // if(event.keyCode==20){ // flag=!flag; // } // if(flag){ // passwordSpan.innerHTML='现在是大写'; // }else{ // passwordSpan.innerHTML='现在是小写' // } // } // document.body.onkeydown=function(){ // if(event.keyCode==40){ // window.onscroll=function(){ // var top=document.body.scrollTop||document.documentElement.scrollTop; // top=top-500; // document.body.scrollTop=top; // document.documentElement.scrollTop // console.log(document.body.scrollTop||document.documentElement.scrollTop); // } // } // if(event.keyCode==38){ // window.onscroll=function(){ // var top=document.body.scrollTop||document.documentElement.scrollTop; // top=top+500; // document.body.scrollTop=top; // document.documentElement.scrollTop; // console.log(document.body.scrollTop||document.documentElement.scrollTop); // } // } // } window.onscroll=function(){ console.log("top"+document.documentElement.scrollTop||document.body.scrollTop); } window.onkeydown=function(){ console.log(event.keyCode); if(event.keyCode==65){ var top=document.documentElement.scrollTop||document.body.scrollTop; top-=100; document.documentElement.scrollTop=top; document.body.scrollTop=top; } if(event.keyCode==68){ var top=document.documentElement.scrollTop||document.body.scrollTop; top+=100; document.documentElement.scrollTop=top; document.body.scrollTop=top; } } </script> </body> </html>
老师 系统自带箭头滚动功能怎么搞 我设置了上箭头向上滚动200 还是2 来滚动
老师,我想自定义一个alert()提示框,实现和alert一样的功能,提示框出现时页面代码停止执行,提示框关闭后页面代码继续执行。这个要怎么实现呢?
老师,这里说的集合可用数组方式使用,是指数组的所有属性都适用于集合吗?
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637