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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window.name属性</title>
</head>
<body>
<button>跨域传输</button>
<script>
/*    var name = 123;
    console.log(name);
    console.log(typeof name);   //string
    var age = 123;
    console.log(age);
    console.log(typeof age);   //number*/

    //在106page中有定义的var num，想在本页面打印num值
    //如果想要获取一个页面内的信息，那么必须先加载
    var but = document.querySelector('button');
    but.onclick = function () {
        var iframe = document.createElement('iframe');   //创建内联框架（页面中嵌套另个页面）
        iframe.src = 'page.html';    //加载保存了信息的页面（另个页面page.html）
        iframe.style.display = 'none';
        document.body.appendChild(iframe);
        //当iframe加载完毕，意味着window.name的内容已经被赋予完毕
        //page.html中的内容window.name = 'var num = 10;';
        iframe.onload = function (eve) {
            var iframeWindowName = eve.target.contentWindow.name;
            console.log(iframeWindowName);  //打印字符串 var num = 10;
            //将字符串解析为代码
            eval(iframeWindowName);
            console.log(num);    //字符串中的内容 10
        }
    }
</script>
</body>
</html>

其中调用的页面page的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page</title>
</head>
<body>
<script>
    window.name = 'var num = 10;';
</script>
</body>
</html>

想问下代码中圈红的内容，是获取的调用页面中整个的内容吗？调用页面中填加script的内容，也可以一起调用吗？还是只调用的body中的内容或者哪个部分的？

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 76楼

红框里写e.data是不是也可以读取输入框内容

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

练习题第二题，因为num1不>=num2，所以无打印，不是吗

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

老师原型和原型链啥关系说的我有点懵？？？？？？？？？？？？？？？？

WEB前端全系列/第二阶段：JavaScript编程模块/正则对象 79楼

老师，这是另外一个同学的作业，是用函数写的，不太明白他的思路，您能大概讲解一下吗？还有他这个函数没有被调用，怎么会输出呢？

<script>
var arr = [23,12,43,25,45,66];
var maxNum = px(arr);
console.log('最大值是：'+maxNum+'\r\n'+'最大值下标为'+arr.indexOf(maxNum));

function px(arr){
    var temp =0;
    for(var index in arr){
        if(arr[index]> temp){
            temp = arr[index];
        };
    }
    return temp;
}
</script>

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 80楼

<!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>
        var age=100;
           var obj={
               age:20,
               name:'aaa',
               uname:()=>{
                   console.log(this.age);
               },
               uage:function(){
                 var test= ()=>{
                    console.log(this.age);
                    
                  }
                  return test;
               }
           }
        
          
    
    </script>
</body>
</html>

老师这里要怎么调用test这个方法

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 81楼

老师，这个是上课的笔记，数值这里，是“复数”，不是“负数”吧

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

老师好，本章的课后练习“4.编写一个button。要求鼠标点击一次能够让页面中的某个div向右移动50像素。

”，我写完代码后发现按第一次按钮后，偏移了50px，后面继续按就不发生偏移，请教老师代码应如何修改和正确的方向。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编写一个div，要求鼠标按下不抬起时。每隔1s输出一句hello world;</title>
    <style>
        .div1{
            width:700px;
            height:500px;
            background-color: lightgray;
            border:1px solid black;
            position:absolute;
        }
        .button{
            position: absolute;
            top:600px;
        }
    </style>
</head>
<body>
<div class="div1"></div>
<button class="button" type="button" >点我左移</button>
<script>
    var div1=document.querySelector('.div1');
    var button=document.querySelector('button');
    button.onclick=function(){
        div1.style.left=div1.style.left+50+'px';
    };
   
</script>
</body>
</html>

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

老师，蓝色圈着的不明白，为什么Mycar的原型的构造函数原型直接就证明是object的实例呢？

WEB前端全系列/第二阶段：JavaScript编程模块/正则对象 84楼

<!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>
       
        document.onmousedown=function(){
          
            setInterval(function () {
                console.log('111');
                
            },2000)

        
       
        }
        document.onmouseup=function(){
           document.onmousedown=null;

        }
    </script>
</body>
</html>

老师怎么去除事件，怎么去出不了mousedown的事件

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>带有hover样式的导航栏</title>
</head>
<body>
        <script>
            // 创建ul并设置样式
            var ul=document.createElement('ul');
            ul.style.cssText='padding: 0; list-style: none;';

            // for循环创建li并设置属性，并设置hover样式
            var titleArr=['旅游','美食','军事','科技','数码'];
            for (var i=0; i<titleArr.length; i++) {
                var li=document.createElement('li');
                li.style.cssText='width: 80px; height: 40px; line-height: 40px;\
                background-color: skyblue; display:inline-block; text-align: center;';
                li.innerHTML=titleArr[i];
                ul.appendChild(li);
                li.onmouseenter=function () {
                    this.style.cssText='background-color: yellow;';
                }
                li.onmouseleave=function () {
                    this.style.cssText='background-color: skyblue;';
                }
            }
            document.body.appendChild(ul);
        </script>
</body>
</html>

鼠标不放上去时，是第一张图的效果，放上去之后就变成2、3图的效果

QQ截图20201211095739.png

QQ截图20201211095751.png

QQ截图20201211095725.png

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

<script>
        var age=20;
        var workAge=2;
        if(age>=18 && workAge>=4){
            console.log("你已经成年!");
            console.log("你的条件符合,过来面试!");
        }
    </script>

老师，为啥运行不出来。

他们写的九九乘法表中的i j sum是啥意思？

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

为啥我的获得的高度有小数点

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

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

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

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

所以删除cookie的方式就是手动把他设置为过期是吗

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

同学您好