为什么效果不一样?

为什么效果不一样?

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <title>5-4</title>

</head>


<body>

    <script>

        //补充代码 

        function Student() {

            var privateStore = {

                name: '张宇',

                sex: '男',

                age: 18

            };


            function _set(name, sex, age) {

                privateStore.name = name;

                privateStore.sex = sex;

                privateStore.age = age;

            };


            function _get() {

                return '姓名:' + privateStore.name + '<br/>性别:' + privateStore.sex + '<br/>年龄:' + privateStore.age;

            };

            this.get = function () {

                return _get;

            }

            this.set = function () {

                return _set;

            }

        }

        var student = new Student();

        student.set()('小明', '男', '23');

        console.log(student.get()());

    </script>

</body>


</html>

我在练习的页面运行后结果如下

http://img1.sycdn.imooc.com//climg/5e705994090a16a200000000.jpg

而在本地打开页面后结果如下

http://img1.sycdn.imooc.com//climg/5e70599409ff073604290340.jpg

这是慕课的在线编辑器有问题吗?另外为什么本地的控制台打印结果它不换行呢?直接把<br/>打印出来了,控制台会默认把内容转换为字符串吗?还是因为什么呢?


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,问题解答如下:

1.这个是在线编辑器的问题,不是代码问题。同学练习时,以本地测试结果为准即可。

2.<br/>是html标签,如果说在页面输出内容,可以使用<br/>,例如document.write("你好<br>你好"),这是给页面添加的文本内容,标签就会起到换行作用。但是这里console.log是在控制台输出的,那么要使用js中的换行符,如下

http://img1.sycdn.imooc.com//climg/5e7079b909cbf8a809190079.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • Aurora_Meteor 提问者 #1
    是不是在页面中输出要换行只能用<br/>,在控制台换行只能用\n?我刚刚在页面输出使用\n效果只是一个空格。 另外我刚刚发现在线编辑器把<br/>去掉以后,在控制台就可以正常输出结果了...
    2020-03-17 16:35:04
好帮手慕夭夭 2020-03-17 20:04:32

同学你好,没错,\n直接在页面中输出是不行的。另外,在线编辑器可能会有兼容性问题,同学以后练习时,直接在本地测试哦。

祝学习愉快 !

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师