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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <html>
    <head>
    <script>
    function getElements(){{
    var x=document.getElementsByName("myt");
    alert(x.length);
    }
    
    </script>
    </head>
    <body>
    <input name="myt" type="text" value="1">
    <input name="myt" type="text" value="2">
    </ br>
    <input type="button" onclick="getElements" value="点击查看有几个输入框">
    
    </body>
    </html>


    查看全部
  • 多种选择(Switch语句)

    当有很多种选项的时候,switch比if else使用更方便。

    语法:

    switch(表达式) 
    { case值1:
       执行代码块 1
       break; 
      case值2:   
       执行代码块 2   
       break; ... 
      case值n:   
         执行代码块 n   
         break; 
      default:   
          与 case值1 、 case值2...case值n 不同时执行的代码 }

    语法说明:

    Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。


    查看全部
  • 网页尺寸offsetHeight

    offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。

    一、值

    offsetHeight = clientHeight + 滚动条 + 边框。

    二、浏览器兼容性

    var w= document.documentElement.offsetWidth     || document.body.offsetWidth; var h= document.documentElement.offsetHeight     || document.body.offsetHeight;


    查看全部
  • 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

    一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

    •  window.innerHeight - 浏览器窗口的内部高度

    •  window.innerWidth - 浏览器窗口的内部宽度

    二、对于 Internet Explorer 8、7、6、5:

    •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

    或者

    Document对象的body属性对应HTML文档的<body>标签

    •  document.body.clientHeight

    •  document.body.clientWidth

    在不同浏览器都实用的 JavaScript 方案:

    var w= document.documentElement.clientWidth
          || document.body.clientWidth;
    var h= document.documentElement.clientHeight
          || document.body.clientHeight;


    查看全部
  • ul如果回车到li的下一行,lastChild就不行了,因为空格被识别成了一个child元素。

    查看全部
  • x.firstChild的value值为null的原因:

    x.firstChild得到的节点是<p>javascript</p>;要是要得到p里的值,还要访问<p>的子节点。

    所以是x.firstChild.childNodes[0].value;这才是p里的值!!

    注意:空白行也是节点!!!!!

    查看全部
  • JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性方法

    对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

    对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

    JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象:


    查看全部
    0 采集 收起 来源:什么是对象

    2018-05-13

  • 什么是对象

    JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性方法

    对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

    对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

    JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象:


    查看全部
    0 采集 收起 来源:什么是对象

    2018-05-13

  • 获取value值进行加法运算的时候会默认字符串相连,所以会出现1+1=11这种情况。用parseInt()解析字符串返回一个整数



    查看全部
    0 采集 收起 来源:编程练习

    2018-05-13

  • function openwin(){    window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}


    查看全部
  • getAttribure()通过节点的属性名称获取元素的值

    用法:elementNode.getAttribute(属性名)

    说明:elementNode是使用getElementById(),等获取到的元素节点

    查看全部
  • 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

    注意:不同浏览器对onunload事件支持不同。

    如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。


    查看全部
  • 事件会在页面加载完成后,立即发生,同时执行被调用的程序。
    注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

          2. 此节的加载页面,可理解为打开一个新页面时。


    查看全部
  • 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。

    查看全部
  • 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。

    查看全部

举报

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

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