为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。 do...while语句结构: do { 循环语句 } while(判断条件) 我们试着输出5个数字。 <script type="text/javascript"> num= 1; do { document.write("数值为:" + num+"<br />"); num++; //更新条件 } while (num<=5) </script>
    查看全部
  • while语句结构: while(判断条件) { 循环语句 } 使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。 <script type="text/javascript"> var num=0; //初始化值 while (num<=6) //条件判断 { document.write("取出第"+num+"个球<br />"); num=num+1; //条件值更新 } </script>
    查看全部
  • lalalalal
    查看全部
    0 采集 收起 来源:编程练习

    2015-02-13

  • for语句结构: for(初始化变量;循环条件;循环迭代) { 循环语句 } 假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。 <script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值;循环条件;循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script>
    查看全部
  • Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。 注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句,
    查看全部
  • 语法: if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码} 假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司,否则你面试不成功,不能加入公司。 代码表示如下: <script type="text/javascript"> var mycarrer = "HTML"; //mycarrer变量存储技能 if (mycarrer == "HTML") { document.write("你面试成功,欢迎加入公司。"); } else //否则,技能不是HTML { document.write("你面试不成功,不能加入公司。");} </script>
    查看全部
  • 语法: if(条件) { 条件成立时执行代码} 注意:if小写,大写字母(IF)会出错! 假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司。代码表示如下: <script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML") { document.write("你面试成功,欢迎加入公司。"); } </script>
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。 看看下面的代码:http://img1.sycdn.imooc.com//5375d5ec00012bac06210322.jpg http://img1.sycdn.imooc.com//53795f0b0001233404580318.jpg
    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码:http://img1.sycdn.imooc.com//5375ca640001c67307860420.jpg 将HTML代码分解为DOM节点层次图:http://img1.sycdn.imooc.com//5375ca7e0001dd8d04830279.jpg HTML文档可以说由节点构成的集合,DOM节点有: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。 节点属性:http://img1.sycdn.imooc.com//5375c953000117ee05240129.jpg 遍历节点树:http://img1.sycdn.imooc.com//53f17a6400017d2905230219.jpg 以上图ul为例,它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。 DOM操作:http://img1.sycdn.imooc.com//538d29da000152db05360278.jpg
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • //可以用一句话写完。 document.getElementById("con").;
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • window对象 window对象是BOM的核心,window对象指当前的浏览器窗口。
    查看全部
    0 采集 收起 来源:window对象

    2015-02-13

  • //不要忘了及时关闭计时器。页面插入内容的属性innerHTML、value、innerText(分场合用) var num=5; function numfun(){ if(num>=0){ document.getElementById("num").innerHTML=num; num--; }else{ clearInterval(i); window.open("http://www.imooc.com","_blank"); } } var i =setInterval(numfun,1000); function back(){ clearInterval(i); window.history.back(); }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • function 函数名( ) { 函数体; } function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码。
    查看全部
    0 采集 收起 来源:定义函数

    2015-02-13

  • 函数的作用,可以写一次代码,然后反复地重用这个代码。 使用函数完成: function add2(a,b){ sum = a + b; alert(sum); } // 只需写一次就可以 add2(3,2); add2(7,8); .... //只需调用函数就可以
    查看全部
    0 采集 收起 来源:什么是函数

    2015-02-13

  • 屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。 注意: 不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。 我们来获取屏幕的可用高和宽度,代码如下: <script type="text/javascript"> document.write("可用宽度:" + screen.availWidth); document.write("可用高度:" + screen.availHeight); </script> 注意:根据屏幕的不同显示值不同。
    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!