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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • getAttribute()方法:通过 元素节点 的 属性名 称获取 属性的值 例:
    查看全部
  • getElementById("id") 通过指定id获得元素 一个 getElementsByName("name") 通过元素名称name属性获得元素 一组 getElementsByTagName("p") 通过标签名称获得元素 一组 用法:document.方法 注意:后两个get方法的Element后面有s
    查看全部
  • 二维数组,长度
    查看全部
    0 采集 收起 来源:二维数组

    2015-05-11

  • 改变CSS样式分为局部和全局,下面为大家介绍下使用Javascript具体的实现,感兴趣的朋友可以参考下 一、局部改变样式 有三种方法:直接改变样式、改变className和改变cssText 改变className: document.getElementById('obj').className="…" 改变cssText:document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"; 改变直接样式: document.getElementById('obj').style.backgroundColor="#003366″ 二、全局改变样式 通过改变外链样式的的href的值实现网页样式的实时切换,也就是"改变模板风格"。 首先需要赋予需要改变的目标一个id,如 代码如下: <link rel="stylesheet" type="text/css" id="css" href="firefox.css" /> 调用时很简单,如 代码如下: <span onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • screen对象获取用户屏幕信息 属性: availHeight:窗口可使用的高度(减去界面特性,比如任务栏) availWidth:窗口可使用的宽度 colorDepth:用户的颜色表示位数,通常为32位 prixelDepth:同上(IE不支持) height:屏幕的高度 widht:屏幕的宽度 浏览器窗口可视区域大小(http://www.imooc.com/code/1702) var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight; 网页尺寸(不包括滚动条)http://www.imooc.com/code/1703 scrollHeight / scrollWidth var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 网页尺寸offsetHeight(包括滚动条等边线,会随窗口的显示大小改变)http://www.imooc.com/code/1704 公式:offsetHeight = clientHeight + 滚动条 + 边框 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight; 【关于offset..与scroll具体对比http://www.imooc.com/code/1705】
    查看全部
    0 采集 收起 来源:screen对象

    2015-05-11

  • userAgent(包括浏览器版本信息等) 各浏览器内核信息:http://img1.sycdn.imooc.com//535a3a4a0001e03f06870189.jpg 用法:
    查看全部
    0 采集 收起 来源:userAgent

    2015-05-11

  • Navigator对象 获取浏览器 或 操作系统 的信息 属性: appCodeName:浏览器代码名的字符串表示 appName:返回浏览器的名称 appVersion:返回浏览器的平台和版本信息 platform:返回运行浏览器的操作系统平台 userAgent:返回由客户机发送服务器的user-agent头部的值
    查看全部
    0 采集 收起 来源:Navigator对象

    2015-05-11

  • location用于获取或设置窗体URL URL属性介绍:http://img1.sycdn.imooc.com//53605c5a0001b26909900216.jpg 属性: hash:设置或返回从井号开始的URL; host:设置或返回主机名和当前URL的端口号; hostname:设置或返回当前URL的主机名; href:设置或返回完整的URL pathname:设置或返回当前URL的路径部分 port:设置或返回当前URL的协议 protocol:设置或返回当前URL的协议 search:设置或返回从问号开始的URL 方法: assign():加载新的文档 reload():重新加载当前文档 replace():用新的文档替换当前文档
    查看全部
    0 采集 收起 来源:Location对象

    2015-05-11

  • 提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。 语法: stringObject.substring(starPos,stopPos) 参数说明: 注意: 1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。 2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。 使用 substring() 从字符串中提取字符串,代码如下: <script type="text/javascript"> var mystr="I love JavaScript"; document.write(mystr.substring(7)); document.write(mystr.substring(2,6)); </script> 运行结果: JavaScript love
    查看全部
  • 返回值的函数
    查看全部
    0 采集 收起 来源:返回值的函数

    2015-05-10

  • 函数穿参
    查看全部
    0 采集 收起 来源:有参数的函数

    2015-05-10

  • setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • 什么是函数?
    查看全部
    0 采集 收起 来源:什么是函数

    2015-05-10

  • 加载事件(onload) 事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。 2. 此节的加载页面,可理解为打开一个新页面时。 如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。
    查看全部
  • 光标聚焦事件(onfocus) 当网页中的对象获得聚点时,执行onfocus调用的程序就会被执行。
    查看全部

举报

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

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