有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 132647个问题

09history对象代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>history对象</div>
<a href="./10history跳转.html">history</a>
<button id="btn1">前进</button>
<script>
    var btn1 = document.getElementById("btn1");
    btn1.onclick = function(){
        //history.forward();    前进一个页面
        history.go(1);
    }
</script>
</body>
</html>

10histoty跳转代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>跳转新页面</div>
<button id="btn2">后退</button>
<script>
    var btn2 = document.getElementById("btn2");
    btn2.onclick = function(){
        history.back();
    }
</script>
</body>
</html>

老师，第一次打开页面，点击前进按钮，没有反应，不能像视频里直接跳转到10history跳转页面。只能先点击链接跳转，后退，然后再点击前进才有反应。这是因为浏览器的原因吗？

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 316楼

老师，这个截图是视频课件里的代码，我是真理解不了了。

这个debounce函数一开始就执行var timer=null，所以每滑动一次滑轮，就调用debounce函数，然后给timer赋值为null，那么它一直都不会执行if里的语句呀（每滑动一次，timer为null，就不存在了）。就说这里用到了闭包，返回一个函数，闭包会保存变量的值，但是它再调用debounce函数，还是会先执行timer=null，又给他赋值为空了，还是不会执行if里的语句呀

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 317楼

 var abtu=document.getElementById("abtu");
    abtu.onclick=function(){
        e.preventDefault();
        console.log("点击A标签");
    }

e.preventDefault();

上面这行代码，不是阻止跳转吗？为啥我的写上去了，还是能够跳转？

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 318楼

body>
    <div id="root">
        <button id="btu">
            <p id="text">内容</p>
        </button>
    </div>
    <script>
        var root=document.getElementById("root");
        var btu=document.getElementById("btu");
        var text=document.getElementById("text");
        root.onclick=function(){
            console.log("div");
        }
        btu.onclick=function(){
            console.log("btu");
        }
        text.onclick=function(){
            console.log("text");
        }
    </script>

老师，为啥第一段要打印div，不能打印root吗？

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 319楼

var yg=document.getElementById("yg");
        yg.ondblclick=function(){
            console.log("dblcick事件");
        }

老师，这个我为啥打印不出来？

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 320楼

//Base64转码介绍
var a = "hello";
console.log(btoa(a));

运行结果图：

问题：老师，我是直接创建的js文件，运行出现以上错误是怎么回事呀？

如果把这两行代码写在html文件里，再运行就正确了。

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 321楼

var num = 5;
for(var i = 1;i<=num;i++){
    console.log(i);
}

老师，这个for循环的执行顺序是不是：判断条件符合以后，先执行输出i，其次执行i++，继续判断。

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 322楼

//将一段字符串变为驼峰命名法
        //helloworld——HelloWorld
        var str = "hello-world";
        var arr = str.split("-")
        var result = "";
        console.log(arr)
        for(var i = 0;i<=arr.length;i++){
            var world = arr[i];
            result += world.charAt(0).toUpperCase()+world.slice(1);

        }
        console.log(result);

老师帮忙看一下为什么控制台中无法打开，出现报错

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 323楼

老师，这个到底包不包括最后一个。下标从2-5，会不会返回5？

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 324楼

老师这个j--为什么呀（操作的原因我一时没搞明白），而且这行去掉或者还是写j++都是同样的结果

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 325楼

 // 2.将⼀段字符串变成驼峰命名法
        var str = "hello-world";
        var arr=str.split("-");
        var result="";
        for(i=0;i<arr.length;i++){
            var word=arr[i];
            result+=word.charAt(0).toUpperCase()+word.substr(1);
        }
        console.log(result);

就是这个代码中，charAt()和toUpperCase()不是字符串的方法嘛，为什么word这个数组可以用呀

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 326楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //闭包
    var username='iwen';
    var user={
        username:'ime',
        getName:function () {
            return function(){  //请问老师这里的return是返回什么
                return this.username;  //this这里为什么指向全局
            }
        }
    };
    console.log(user.getName()());
</script>
</body>
</html>

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 327楼

生成不可重复的随机数，时间戳确实是不可重复的，但是时间戳前面的5位数字是不是可以重复的？

WEB前端全系列/第二阶段：JavaScript编程模块/Math与Date 328楼

var length=5;
        console.log(Math.random().toString(36).substr(2,length));
        console.log(Date.now().toString(36));
        function getId(length){
            return Math.random();toString();substr(2,lengh)+Date.now();toString(36);
        }
        console.log(getId(5));

老师，为啥我运行出来是这样的：0.6738967553279311

WEB前端全系列/第二阶段：JavaScript编程模块/Math与Date 329楼

<!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>
</head>
<body>
<script>
    // 随机
    function get() {
        var str = '0123456789abcdef';// 定义取值范围
        var color = '#';
        for (var i = 0; i < 6; i++) {
            var num = Math.floor(Math.random() * str.length);// Math.floor 向下取整，Math.random随机
            color += str[num];
        }
        console.log(color.length);
        console.log(color);
    }
    get();
    // hi~老师，我没弄清楚下面这段代码到底是怎么执行的
    /*
    random方法是随机获取0~1之间的小数，floor方法是向下取整，那么不管random获取到什么小数
    floor咔擦一下就把小数全部去掉了，那剩下的也就只有0一个整数了
    那为什么用 Math.floor(Math.random() 乘以数字它就能取到一个随机的数字呢
    */
    console.log(Math.floor(Math.random() * 100));// 取到100以内的随机数。。。
    console.log(Math.floor(Math.random() + 100));// 100
</script>
</body>
</html>

老师~这个我想不明白，求解！！

WEB前端全系列/第二阶段：JavaScript编程模块/Math与Date 330楼

同学您好