慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_风格十分_0

什么是console.log()？
除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。比如，以下代码将在控制台中打印”Sample log”：
复制代码代码如下:
window.console.log("Sample log");

上述代码可以忽略window对象而直接简写为：
复制代码代码如下:
console.log("Sample log");

console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似，console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同，本文主要探讨Firebug中console.log()的使用。
二、兼容没有调试控制台的浏览器
对于缺少调试控制台的老版本浏览器，window中的console对象并不存在，因此直接使用console.log()语句可能会在浏览器内部造成错误(空指针错误)，并最终导致某些老版本浏览器的崩溃。为了解决这一问题，可以人为定义console对象，并声明该console对象的log函数为空函数；这样，当console.log()语句执行时，这些老版本的浏览器将不会做任何事情：
复制代码代码如下:
if(!window.console){
window.console = {log : function(){}};
}

不过，在大多数情况下，没有必要去做这种兼容性工作 — console.log()等调试代码应当从最终的产品代码中删除掉。
三、使用参数
与alert()函数类似，console.log()也可以接受变量并将其与别的字符串进行拼接：
复制代码代码如下:
//Use variable
var name = "Bob";
console.log("The name is: " + name);

与alert()函数不同的是，console.log()还可以接受变量作为参数传递到字符串中，其具体语法与C语言中的printf语法一致：
复制代码代码如下:
//Use parameter
var people = "Alex";
var years = 42;
console.log("%s is %d years old.", people, years);

上述代码的执行结果为：”Alex is 42 years old.”
四、使用其它日志级别
除了console.log()，Firebug还支持多种不同的日志级别：debug、info、warn、error。以下代码将在控制台中打印这些不同日志级别的信息：
复制代码代码如下:
//Use different logging level
console.log("Log level");
console.debug("Debug level");
console.info("Info level");
console.warn("Warn level");
console.error("Error level");

查看全部

0 采集收起来源：退出循环break
2018-07-19
qq_风格十分_0

break会直接跳出循环 continue只是跳出本次循环

查看全部

0 采集收起来源：退出循环break
2018-07-19
LMC_0

<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
var d = new Array("星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期天");
var score = "小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var a = score.split(";");
var sum=0;
for(var i = 0; i < a.length; i++) {
document.write(a[i].split(":")[1] + "<br />");
sum= parseInt(sum)+parseInt(a[i].split(":")[1]);
}
document.write(sum)
document.write("<br />");
DD = new Date();

document.write(DD.getFullYear() + "年" + (DD.getMonth() + 1) +
"月" + DD.getDate() +
"日 " + d[DD.getDay()] +
"--班级总分为:"+parseInt(sum)/parseInt(i)
);
</script>
</head>

<body>
</body>

</html>

查看全部

0 采集收起来源：编程练习
2018-07-19
qq_风格十分_0

while循环和for循环的区别
for循环的变量可以声明在循环体里，适用于循环体已知的循环
while要在循环体外声明一个全局变量用于判断，适用于循环体未知的循环

查看全部

0 采集收起来源：反反复复(while循环)
2018-07-19

qq_风格十分_0

重复重复（for循环）

for(初始化变量;循环条件;循环迭代)
{     
    循环语句 
 }

<script type="text/javascript">
var num=1;
for (num=1;num<=6;num++)  //初始化值；循环条件；循环后条件值更新{   document.write("取出第"+num+"个球<br />");
}
</script>

查看全部

0 采集收起来源：重复重复（for循环）

2018-07-19

慕码人6137340

注意条件判断需要用（），里面不加分号
有层级关系的时需要用{}
比如document。write是在if循环之后，就需要用中括号；if判断和写出都在for循环内，也要用中括号

查看全部

0 采集收起来源：编程练习
2018-07-19
慕码人6137340

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

查看全部

0 采集收起来源：来来回回(Do...while循环)
2018-07-19
暮雨烟归

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }
        li {
            list-style: none;
            display: inline-block;
            width: 80px;
            height: 40px;
            border: solid 1px #000;
            border-bottom: none;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
            position: relative;
            background-color: #FFF;
            bottom: -2px;
        }
        #tabs {
            margin: 0px auto;
            width: 300px;
            height: 200px;
        }
            #tabs ul > li:first-child {
                border-top: solid 2px #F00;
                z-index: 3;
            }
            #tabs div {
                position: absolute;
                border: solid 1px #000;
                width: 300px;
                height: 200px;
                visibility: hidden;
                z-index:1;
            }
            #tabs ul + div {
                visibility: visible;
                border-top: solid 2px #F00;
            }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var li = document.getElementsByTagName("li");
            var div = document.getElementsByTagName("div");
            for (var i = 0; i < li.length; i++) {
                !function (i) {
                    li[i].onclick = function () {
                        li[i].style.borderTop = "solid 2px #F00";

                        li[i].style.zIndex = "2";
                        for (var j = 0; j < li.length; j++) {
                            if (j == i)
                                continue;
                            li[j].style.border = "solid 1px #000";
                            li[j].style.borderBottom = "none";
                            li[j].style.zIndex = "0";
                        }
                        div[i + 1].style.visibility = "visible";
                        div[i + 1].style.borderTop = "solid 2px #F00";
                        for (var j = 1; j < div.length; j++) {
                            if (j - 1 == i)
                                continue;
                            div[j].style.visibility = "hidden";
                        }

                    }
                }(i);
            }
        }
    </script>
</head>
<body>
    <div id="tabs">
        <ul>
            <li>房产</li>
            <li>家居</li>
            <li>二手房</li>
        </ul>
        <div>
            275万购昌平邻铁三居总价20万买一居
            200万内购五环三居 140万安家东三环
            北京首现零首付楼盘 53万购东5环50平
            京楼盘直降5000 中信府公园楼王现房
        </div>
        <div>
            40平出租屋大改造美少女的混搭小窝
            经典清新简欧爱家 90平老房焕发新生
            新中式的酷色温情 66平撞色活泼家居
            瓷砖就像选好老婆卫生间烟道的设计
        </div>
        <div>
            通州豪华3居260万二环稀缺2居250w甩
            西3环通透2居290万 130万2居限量抢购
            黄城根小学学区仅260万 121平70万抛!
            独家别墅280万苏州桥2居优惠价248万
        </div>
    </div>
</body>
</html>

查看全部

0 采集收起来源：编程挑战
2018-07-19
慕码人6137340

else 意思就是余下所有，因此后面不需要判断条件

查看全部

0 采集收起来源：多重判断（if..else嵌套语句）
2018-07-19
慕码人6137340

假如true外面加了引号，判断就会到else，这是因为true是判断的条件，是布朗值，加了引号就变成了字符串，ticket不是和该字符串相等

查看全部

0 采集收起来源：二选一（if...else语句）
2018-07-19
慕码人6137340

这里虽然开始数组只有6个数据（0-5）
但是后面直接赋值到7，因此就变成了8个数据，数组长度是8
（0，1，2，3，4，5，undefined，7）第6个数据空出来

查看全部

1 采集收起来源：编程练习
2018-07-19
慕尼黑507371

不会

查看全部

0 采集收起来源：编程练习
2018-07-18
慕沐8436196

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数组</title>
<script type="text/javascript">
var arr = ['*', '#**#', "***", "*&&", "****", "##*", 'ererre', 'gdgdfgg', '**',"**p*"];

arr[7] = "**";

/**
* 使用循环的方式判断一个元素是否存在于一个数组中
* @param {Object} arr 数组
* @param {Object} value 元素值
* @return {Boolean} true 表示在数组中;false 表示不在数组
*/
function isInArray(arr, value) {
for (var i = 0; i < arr.length; i++) {
if (value === arr[i]) {
return true;
}
}
return false;
}

// 1.获取正确的数据
var temp = []
, patt = /^\**\*$/;
for (var i = 0; i < arr.length; i++) {
if (!!arr[i] && patt.test(arr[i]) && !isInArray(temp, arr[i])) {
temp.push(arr[i])
}
}

// 2.排序
temp.sort()

// 3、结果输出
for (var i = 0; i < temp.length; i++) {
document.write(temp[i] + "<br/>");
}

</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-07-18
慕少0892569

课堂笔记。

查看全部

0 采集收起来源：谁是团里成员（数组赋值）
2018-07-18
慕工程7299396

switch语句中case和default后面是冒号不是分号

查看全部

0 采集收起来源：编程练习
2018-07-18

首页上一页 693 694 695 696 697 698 699 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

JavaScript进阶篇

while循环和for循环的区别