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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • history对象记录了用户曾经浏览过的页面(URL),并且可以实现浏览器前进和后退相似导航的功能。 语法 window.history.[属性|方法] history对象属性 length window.history.length() history对象方法 back window.history.back() / 调用这个方法即可返回上一页,forward、go同理 forward window.history.forward() go window.history.go(-2) / 后退2页
    查看全部
    0 采集 收起 来源:History 对象

    2018-03-10

  • 使用setTimeout()函数时,由于是每调用一次就使用一次函数,并且函数内再次调用,故可以循环,会重复给 i 这个变量赋值,所以重复调用stop()这个方法可以逐个停止计时器。 但setInterval()这个函数是自动重复代码块,并且只有在调用方法时会赋予 i 一个新的值,旧的计时器的 id 无法重新获取,故无法在多次调用start()方法后,再多次调用stop()方法来停止计时器,只能每调用一次start()后,马上调用一次stop()来停止。 取消计时器clearTimeout() 现象:多点击几次Start之后,会出现计数加快的情况,然后每点击一次Stop,计数速度就会降低一点点 解释:num,i在脚本里面都是全局变量,每点击一次start,就重新开了一个计数器循环,到时间后就会对num进行加,多开几个计数器,就相当于同时在多个线程里执行num加的操作,所以在原来的周期时间内,num就会多加几次,体现在现象上就是文本框内部的数字多跳变几次。 然后讨论i的情况。在只点击一次Start时,即每次只有一个计数器计数时,当它的计数周期到了之后,执行 startCount()函数,再开一个新的计数器,i=setTimeout("startCount()",5000),此时i就由上一个母计数器的ID变为了下一个子计数器的ID,所以,其实i一直只是一个计数器的ID。 在点击多次Start之后,每次就有多个计数器在运行,每当一个母计数器到时间后,执行startCount函数,然后i就是向它的子计数器的ID,然后另外一个母计数器到时间后,i又指向了这个母计数器的子计数器,所以,每次i只指向一个计数器,同时还有其它计数器也在计数,但是其id都没有保存在一个变量中,所以,点击一次Stop之后,就会关闭i指向的那个计数器,然后某个计数器到时间,i又指向其子计数器,然后再点击Stop,又会关掉这个子计数器。现在讨论一种现象:点击Stop,关掉i指向的那个计数器,然后迅速的再点击Stop,如果在这中间的短的时间内,还没有任何一个母计数器到时间,也就是说,i还没有来得及指向下一个子计数器,那么,这次点击Stop是无效的,num的计数速度不会降低。
    查看全部
  • 获取当前的URL window.write(location.href);
    查看全部
    0 采集 收起 来源:Location对象

    2018-03-10

  • setTimeout()计时器,在载入后延迟指定时间后(即要等待的时间),去执行一次表达式,仅执行一次。如果要进行多次 则要编写一个函数来调用其自身 而这个函数里面含有这样的计时器 每次都进行一次 当然也可以用上一节的setInterval()则不用调用自己 setTimeout(代码,延迟时间); function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } setInterval(代码不用加括号,时间); setTimeout(代码要加双引号和括号,时间); 函数体外的是启动函数,执行一次后就交给函数体内代码执行,函数体内是代码执行的循环体 setTimeout与setInterval的区别, setTimeout仅仅是延迟执行一次,只一次,但可以通过递归调用实现与setInterval相同的效果 setInterval一般放在函数体外,意思是每隔指定时间便执行一次
    查看全部
  • time.getHours() //返回小时 time.getMinutes() //返回分钟 time.getSeconds() //返回秒
    查看全部
  • onclick="" 调用函数() 打开网页:window.open('_blank','width=,height=') _blank 在新窗口显示目标网页 BOM:Browser Object Model,浏览器对象模型。 DOM:Document Object Mode,文档对象模型。
    查看全部
    0 采集 收起 来源:window对象

    2018-03-22

  • 要求输出xx年xx月x日 星期x var mydate=new Date(); var weekday=["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; document.write( mydate.getFullYear()+"年"+ (mydate.getMonth()+1)+"月"+ //月这里是0~11 所以实际要+1 mydate.getDate()+"日"+" "+" "+ weekday[mydate.getDay()]+"<br />" 中间要加两个空格。 &nbsp split用法:分割字符;有两个参数,第一个是从哪分割,第二个是分成几份(可省略) substr用法:从字符串中抽取字符,第一个参数,开始位置,第二个结束位置(可省略) parseInt用法:可解析字符串,返回一个整数,两个参数,第一个是要解析的字符串string,第二个是从哪个位置开始。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 变量是一个盒子,用来储存物品
    查看全部
    0 采集 收起 来源:什么是变量

    2018-03-10

  • get/setDate() 返回,设置日期 get/setFullYear() 返回,设置年份,用四位数表示 get/setYear() 返回,设置年份 get/setHours 返回,设置小时 24小时 get/setMouth ()返回,设置月份 0-11月 所以加一 get/setMinutes ()返回,设置分钟 get/setTime() 返回,设置时间,毫秒为单位
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-03-10

  • var myarray=new Array(5);当括号中只有一个数字时,数字代表的是数组的长度,当有多个数字时,才表示的是数组中的元素.
    查看全部
    0 采集 收起 来源:什么是对象

    2018-03-10

  • JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; 对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等; JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Array();//使用new关键字定义对象 或者 var objectName =[]; 访问对象属性的语法: objectName.propertyName 如使用 Array 对象的 length 属性来获得数组的长度: var myarray=new Array(6);//定义数组对象 var myl=myarray.length;//访问数组长度length属性 以上代码执行后,myl的值将是:6 访问对象的方法: objectName.methodName() 如使用string 对象的 toUpperCase() 方法来将文本转换为大写: var mystr="Hello world!";//创建一个字符串 var request=mystr.toUpperCase(); //使用字符串对象方法 以上代码执行后,request的值是:HELLO WORLD!
    查看全部
    0 采集 收起 来源:什么是对象

    2018-03-22

  • switch语句:每个case后面必须接一个break,否则会执行所有的case直到最后一个 parseInt():将字符串返回整数 document.getElementById(某个ID).value 可以获取或者修改某个id名的值
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-10

  • 卸载事件(onunload) 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。 注意:不同浏览器对onunload事件支持不同。
    查看全部
  • onload事件只可以放在<body>标签中吗?还是可以放在不同的地方?它放在不同的地方有什么不一样的含义吗? 当然可以放到外面。在实际开发中,为了使结构清晰,表现与行为分离,JS代码并不推荐写在html结构里或者页面。推荐放在JS的文件里。如果要分离出来,代码是:window.onload=message;你试试看。 不需要括号吗?就是右边这种 window.onload=message() window.onload=message();这种写法在程序运行到这句时,先执行message()函数,然后将message的返回值赋给window.onload。 window.onload=message;这种写法是在网页加载完成后,调用message()方法。 建议使用window.onload=函数名;这种写法,不容易出错。window.onload=函数名();有些浏览器不买单滴~~
    查看全部
  • 加载事件(onload) 事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。 2. 此节的加载页面,可理解为打开一个新页面时。 加载事件onload()和点击事件onclick()非常重要。加载事件可以在页面加载前通过JS代码对页面样式做出调整,比如检测浏览器宽度屏幕分辨率之后,调整页面的相应尺寸,所以onload()非常实用。
    查看全部

举报

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

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