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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var con=document.getElementsByTagName("li"); con是个数组!!! getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字
    查看全部
  • <script type="text/javascript"> function count(txt1,txt2,txt3){ txt1=document.getElementById("txt1").value; txt2=document.getElementById("txt2").value ; txt3=document.getElementById("select").value; var result=""; switch(txt3) { case "+": result=parseInt(txt1)+parseInt(txt2); break; case "-": result=parseInt(txt1)-parseInt(txt2); break; case "*": result=parseInt(txt1)*parseInt(txt2); break; case "/": result=parseInt(txt1)/parseInt(txt2); break; } document.getElementById("fruit").value=result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <input type='text' id='fruit' /> </body> </html>
    查看全部
    0 采集 收起 来源:返回值的函数

    2018-03-22

  • 区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。 把上面的例子转换到HTML中,如下: <input type="checkbox" name="hobby" id="hobby1"> 音乐 input标签就像人的类别。 name属性就像人的姓名。 id属性就像人的身份证。
    查看全部
  • window.onunload=onunload_message; function onunload message(){ alert("您确定要离开网页吗");
    查看全部
  • getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树) HTML文档可以说由节点构成的集合,DOM节点有: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 什么是事件 1.JavaScript 创建动态页面。 2.事件是可以被 JavaScript 侦测到的行为。
    查看全部
    0 采集 收起 来源:什么是事件

    2015-06-28

  • 应该是这样了!
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-28

  • 屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。 注意: 不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。
    查看全部
  • 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这个前缀。
    查看全部
  • screen对象 screen对象用于获取用户的屏幕信息。 语法: window.screen.属性 属性: availHeight 窗口可以使用的屏幕高度,单位像素 availWidth 窗口可以使用的屏幕宽度,单位像素 colorDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数) pixelDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性) height 屏幕的高度,单位像素 width 屏幕的宽度,单位像素
    查看全部
    0 采集 收起 来源:screen对象

    2015-06-28

  • userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent 几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。 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)"; } document.write("B_name:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); }
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 appCodeName 浏览器代码名的字符串表示 appName 返回浏览器的名称 appVersion 返回浏览器的平台和版本信息 platform 返回运行浏览器的操作系统平台 userAgent 返回由客户机发送服务器user-agent头部的值
    查看全部
    0 采集 收起 来源:Navigator对象

    2015-06-28

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

    2015-06-28

举报

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

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