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

JavaScript进阶篇

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

    2014-11-10

  • 卸载事件(onunload) 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。 注意:不同浏览器对onunload事件支持不同
    查看全部
  • 内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。<!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 内容选中事件 </title> <script type="text/javascript"> function message(){ alert("您触发了选中事件!"); } </script> </head> <body> <form> 个人简介:<br> <textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介,不少于200字!</textarea> </form> </body> </html>
    查看全部
  • 什么是对象 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属性 访问对象的方法: objectName.methodName() 如使用string 对象的 toUpperCase() 方法来将文本转换为大写: var mystr="Hello world!";//创建一个字符串 var request=mystr.toUpperCase(); //使用字符串对象方法
    查看全部
    0 采集 收起 来源:什么是对象

    2018-03-22

  • window.screen.属性 screen对象用于获取用户的屏幕信息
    查看全部
    0 采集 收起 来源:screen对象

    2014-11-10

  • 光标聚焦事件(onfocus)其实就是鼠标点击时发生的动作
    查看全部
  • var u_agent = navigator.userAgent ; var B_name="不是想用的主流浏览器!"; 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)"; } document.write("浏览器:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); 使用userAgent判断使用的是什么浏览器
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • 鼠标移开事件(onmouseout) 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。 当把鼠标移动到"登录"按钮上,然后再移开时,触发onmouseout事件,调用函数message() 实例代码: <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> <title>鼠标移开事件</title> <script type="text/javascript"> function onmouseout(){ alert("哈哈哈"); } </script> </head> <body> <form> <a href="www.baidu.com" onmouseout="onmouseout()">点击我</a> </form> </body> </html>
    查看全部
  • 事例代码: <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 鼠标经过事件 </title> <script type="text/javascript"> function message(){ confirm("请输入密码后,再单击确定!"); } </script> </head> <body> <form> 密码:<input name="password" type="password" > <input name="确定" type="button" value="确定" onmouseover="message()"/> </form> </body> </html>
    查看全部
  • 鼠标经过事件(onmouseover) 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。 现实鼠标经过"确定"按钮时,触发onmouseover事件,调用函数info(),弹出消息框
    查看全部
  • 主要事件: 1.onclick:鼠标单击事件 2.onmouseover:鼠标经过事件 3.onmouseout:鼠标移开事件 4.onchange:文本框内容改变事件 5.onselect:文本框内容被选中事件 6.onfocus:光标聚集 7.onblur:光标离开 8.onload:网页导入 9.onunload:关闭网页
    查看全部
    0 采集 收起 来源:什么是事件

    2014-11-12

  • var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.write("<br>"); document.write("Browser version"+b_version); 浏览当前浏览器的相关信息
    查看全部
    0 采集 收起 来源:Navigator对象

    2018-03-22

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

    2014-11-10

  • 创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法: document.createElement(tagName) 参数: tagName:字符串值,这个字符串用来指明创建元素的类型。 注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。 我们来创建一个按钮,代码如下: <script type="text/javascript"> var body = document.body; var input = document.createElement("input"); input.type = "button"; input.value = "创建一个按钮"; body.appendChild(input); </script> 效果:在HTML文档中,创建一个按钮。 我们也可以使用setAttribute来设置属性,代码如下: <script type="text/javascript"> var body= document.body; var btn = document.createElement("input"); btn.setAttribute("type", "text"); btn.setAttribute("name", "q"); btn.setAttribute("value", "使用setAttribute"); btn.setAttribute("onclick", "javascript:alert('This is a text!');"); body.appendChild(btn); </script> 效果:在HTML文档中,创建一个文本框,使用setAttribute设置属性值。 当点击这个文本框时,会弹出对话框“This is a text!”。
    查看全部
  • document.write(location.href); 获取当前URL Location对象方法: assign() 加载新的文档。 location.assign("http://www.imooc.com") reload() 重新加载当前文档。 replace() 用新的文档替换当前文档。
    查看全部
    0 采集 收起 来源:Location对象

    2018-03-22

举报

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

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