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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • ggg
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-09

  • window对象——screen对象 window.screen.属性:用于获取用户的屏幕信息。 属性: availHeight --- 窗口可用屏幕高度 px availWidth --- 窗口可用屏幕宽度 px (减去界面特性,比如任务栏。 注意: 不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。) height --- 屏幕高度 单位px width --- 屏幕宽度 单位px colorDepth --- 浏览器颜色位数 通常为32位(每像素的位数) pixelDepth --- 浏览器像素位数 (屏幕的颜色分辨率:比特每像素) 通常为32位(每像素的位数)(IE不支持此属性)
    查看全部
    0 采集 收起 来源:screen对象

    2015-08-09

  • 利用navigator.userAgent判断浏览器类型: function validB(){ var u_agent = navigator.userAgent; var B_name="Failed to identify the browser"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ B_name="IE(8-10)"; } }
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000)
    查看全部
  • clock或者clock()
    查看全部
  • Navigator 对象:包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 1. appCodeName:返回浏览器的代码名。 2. appVersion:返回浏览器的平台和版本信息。 3. appName:返回浏览器的名称。 4. userAgent:返回由客户机发送服务器的 user-agent 头部的值。 5. platform:返回运行浏览器的操作系统平台。 6. cookieEnabled:返回指明浏览器中是否启用 cookie 的布尔值。 7. cpuClass 返回浏览器系统的 CPU 等级。 8. browserLanguage:返回当前浏览器的语言。 9. appMinorVersion:返回浏览器的次级版本。 10. onLine:返回指明系统是否处于脱机模式的布尔值。 11. systemLanguage:返回 OS 使用的默认语言。 12. userLanguage:返回 OS 的自然语言设置。
    查看全部
    0 采集 收起 来源:Navigator对象

    2015-08-09

  • 1,<td><a href="javascript:;" >删除</a></td> <!--在删除按钮上添加点击事件 --> <td><a href="iavascript:;" onclick="del(this)">删除</a></td>在这里,删除函数的定义由this可以预见,function del(obj){} 逻辑是:obj.parentNode.parentNode.parentNode.removeChild(obj.parentNOde.parentNode) 2,更改鼠标移动改变背景则可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。这里会使用for循环;在新添加的行也能实现onmouseover和onmouseout事件 就必须另外命名一个独立的函数以使用。function bgcChange(obj){} 3,添加按钮里的内容较复杂:思路是先创建createElement(),分别设置内容innerHTML,appendChild() 新建一行的内容: var sNum=prompt('请输入学号',''); var sName=prompt('请输入姓名',''); if(sNum!=null&&sNum!=''&&sName!=null&&sName!=''){ var newtr=document.createElement('tr'); newtr.innerHTML='<td>'+sNum+'</td>'+'<td>'+sName+'</td>'+'<td><a href="javascript:;" onclick="del(this)">删除</a></td>'; var oTC=document.getElementById("table").lastChild; oTC.appendChild(newtr); } else{alert('请重新输入');}
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • Location对象 location.[属性|方法]:获取或设置窗体的URL,并且可以用于解析URL。 属性及方法: 1. hash:设置或返回从#开始的URL值。 2. host、hostname、port:设置或返回[主机名和当前URL的端口号]/主机名/端口号。 3. href:设置或返回完整URL 4. protocol:设置或返回URL的协议 5. pathname:设置或返回URL的路径部分 6. search:设置或返回从?开始的URL部分(查询部分) 7. assign():加载新的文档; 8. reload():重新加载当前文档; 9. replace():用新的文档代替当前的文档。
    查看全部
    0 采集 收起 来源:Location对象

    2015-08-09

  • 这一节的东西有点多,直接复制一大段吧。。。。 节点的三个重要属性:名称(nodeName),值(nodeValue),类型(nodeType); 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性:节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值 三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型: 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
    查看全部
    0 采集 收起 来源:节点属性

    2015-08-09

  • window对象 —— History 对象 window.history.[属性|方法]:记录用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能(window可省略)。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 属性及方法: 1. length:返回浏览器历史列表中的URL数量 2. back(): 加载history列表中的前一个URL(=>window.history.go(-1);) 3. forward(): 加载history列表中的下一个URL(=>window.history.go(1);) 4. go(): 加载history列表中的某个具体的页面
    查看全部
    0 采集 收起 来源:History 对象

    2018-03-22

  • 答案还是比较简洁
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-09

  • 通过使用switch语句来分支循环,使用parseInt来对数值进行取整。最后只需要调用一个onclick="count()"函数就可以了
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • var infos=[ ['小A','女',21,'大一'], ['小B','男',23,'大三'], ['小C','男',24,'大四'], ['小D','女',21,'大一'], ['小E','女',22,'大四'], ['小F','男',21,'大一'], ['小G','女',22,'大二'], ['小H','女',20,'大三'], ['小I','女',20,'大一'], ['小J','男',20,'大三']] for(i=0;i<10;i++) { if(infos[i][3]=="大一") document.write(infos[i][0] + "</br>") }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 大概知道了
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-09

  • // btn.onclick=function(){createa('http://www.imooc.com','慕课网');} //正确答案,完全实现 // btn.onclick=createa(){} //格式错误 // btn.setAttribute("onclick", "createa('http://www.imooc.com','慕课网')"); //正确答案,完全实现 // btn.onclick=createa; //点击之后 undefined,因为createa是需要传入参数url和text的函数,若传了则正确 // btn.onclick=createa(); //直接显示了undefined,createa()是个返回值,空参的话,就是undefined // btn.onclick=createa('http://www.imooc.com','慕课网');//直接显示了慕课网,点击事件没有触发 // btn.onclick="慕课网" //错误 // btn.onclick="createa('http://www.imooc.com','慕课网')"//添加引号之后是错误的
    查看全部

举报

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

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