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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • // 创建删除函数

         function del(obj){

             var tr = obj.parentNode.parentNode; 

            //obj里传入的是this这个参数,也就是“删除链接”这个a标签,a的爸爸是td,td的爸爸是tr,所以这里获取的是删除链接所在的行

             tr.parentNode.removeChild(tr);

    //因为想要用removeChild,而这个方法是通过对父节点的操作来删除其名下的子节点的,所以得先找到这个行的爸爸,也就是tr.parentNode

    // 再用tr.parentNode.removeChild(tr);里面的tr就是之前说的“删除”所在的行,这样就可以删除这个行了。  

    }


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

    2018-03-31

  • 1.在不需要传递this作为方法的参数时候,推荐只使用href="JavaScript: "

    2.如果需要使用this参数,推荐<a href="javascript:void(0);" onclick="doSomthing(this)" >

    3.链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或javascript 伪链接); 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值

    4.如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动;


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

    2018-03-31

  • table的DOM结构 JS创建 1.创建< table >元素 2.创建< table >的子元素< tbody > 3.使用一个循环来创建< tbody >的子元素< tr > 4.分别使用循环为每一个< tr >创建子元素< tb > 5.为每一个< tb >创建文本节点


    <a href="javascrip:;" onclick="del(this)">删除</a>

    这句代码中的this是onclick事件的拥有者即<a>标签

    1、href中是不支持this,需要onclick等事件; this只能绑定事件,不能绑定函数;这涉及到this的含义(this与python中的self是一样的),可以这样说:只有与事件调用有关的函数中,this才有效果。 a、href="javascript:xxx(this)"仅表示在这里嵌入了JS函数,可被调用,其调用者是全局而非其他对象,所以其中的this是全局this,在浏览器中就是window。 b、onclick可以理解为我们有一个对象: var a = { // ... onclick: function() {alert(this)}, }; 所以onclick是a对象里面的一个方法;this就表示a这个对象;onclick事件发生时,浏览器做了如下操作:a.onclick();这样的话onclick的调用者是a,所以this就是a本身,而不是全局this。 2、table的节点结构是text和tbody,也就是说table的最后一个节点是tbody,而tr和td都是在tbody中的 

    双引号中要使用单引号

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

    2018-03-31

  • 注意:根据屏幕的不同显示值不同。

    查看全部
  •  screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

    注意:

    不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。


    查看全部
  • window.screen 对象包含有关用户屏幕的信息。
    1. screen.height 返回屏幕分辨率的高
    2. screen.width 返回屏幕分辨率的宽
    注意:
    1.单位以像素计。
    2. window.screen 对象在编写时可以不使用 window 这个前缀

    查看全部
  •   return int String.indexOf(Sting match);

    //此方法为查找一个字符串中是否包含 指定的 字符;

    //如果找到了 则返回这个 被包含的字符串 在 被查找的字符串中为 下标位置。

    //而如果 没有找到 则回返回 -1;

    // 好了 这样就好解释了 这个u_agent必然是指从header中获取的user-agent,这个信息是指访问的客户端的系统信息。

    // 如果 在这个字符串中没有找到 Firefox 就会返回-1, 所以写法不止这一种。还有的这样写

    if(u_agent.indexOf("Firefox")<0)

    if(u_agent.indexOf("Firefox")!=-1)


    查看全部
    1 采集 收起 来源:userAgent

    2018-03-30

  • 一维数组可以看成一组盒子,每个盒子只能放一个内容
    表示:myarray[]
    
    二维数组可以看成一组盒子,每个盒子可以放多个内容
    表示:myarray[][]

    https://img1.sycdn.imooc.com//5abe3cfe000157f103760282.jpg

    查看全部
    0 采集 收起 来源:二维数组

    2018-03-30

  • 数组属性length
    
    语法:myarray.length//获得数组maarray的长度


    查看全部
  • 创建数组的方法有两种
    var arr = new Array(60,80,90,100);//创建数组并同时赋值
    
    方法二(字面量数组):
    var  arr = [60,80,90,100];//直接输入数组


    查看全部
  • 数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引号都有一个相对应的值,根据需要添加更多的值

    语法: var arr = new Arry(); arr[0] = 80; arr[1] = 81; arr[2] = 82;
    查看全部
  • https://img1.sycdn.imooc.com//5abe33e4000176e603930354.jpg

    查看全部
  • location用于获取或设置窗体的URL,并且可以用于解析URL。

    语法:

    location.[属性|方法]


    查看全部
    0 采集 收起 来源:Location对象

    2018-03-30

  • https://img1.sycdn.imooc.com//5abe32e00001919a03900546.jpg

    查看全部
  • forward()方法,加载 history 列表中的下一个 URL。

    如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:

    window.history.forward();

    注意:等价点击前进按钮。

    forward()相当于go(1),代码如下:

    window.history.go(1);


    查看全部

举报

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

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