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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> var w=document.documentElement.clientWidth||document.body.clientWidth; var h=document.documentElement.clientHeight||document.body.clientHeight; document.write(w+"*"+h+"<br>") var w=document.documentElement.clientHeight; var h=document.documentElement.clientWidth; document.write(w+"*"+h+"<br>") var w=window.innerWidth; var h=window.innerHeight; document.write(w+"*"+h+"<br>") var w=document.body.clientWidth; var h=document.body.clientHeight; document.write(w+"*"+h) </script> </body> </html>
    查看全部
  • 二维数组 一维数组,我们看成一组盒子,每个盒子只能放一个内容。 一维数组的表示: myarray[ ] 二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。 二维数组的表示: myarray[ ][ ] 注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 1. 二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j } } 注意: 关于for 循环语句,请看第四章4-5 。 将上面二维数组,用表格的方式表示: ------------------- 0 1 2 0 myarr[0][0]值:0 myarr[0][1]值:1 myarr[0][2]值:2 1 myarr[1][0]值:1 myarr[1][1]值:2 myarr[1][2]值:3 ------------------- 2. 二维数组的定义方法二 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]] 3. 赋值 myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。 说明: myarr[0][1] ,0 表示表的行,1表示表的列。
    查看全部
    0 采集 收起 来源:二维数组

    2018-03-22

  • 了解成员数量(数组属性length) 如果我们想知道数组的大小,只需引用数组的一个属性length。Length属性表示数组的长度,即数组中元素的个数。 语法: myarray.length; //获得数组myarray的长度 注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr document.write(arr.length); //显示数组长度8 document.write(arr[7]); //显示第8个元素的值54 注意:同时,JavaScript数组的length属性是可变的,这一点需要特别注意。 arr.length=10; //增大数组的长度 document.write(arr.length); //数组长度已经变为10 数组随元素的增加,长度也会改变,如下: var arr=[98,76,54,56,76]; // 包含5个数值的数组 document.write(arr.length); //显示数组的长度5 arr[15]=34; //增加元素,使用索引为15,赋值为34 alert(arr.length); //显示数组的长度16
    查看全部
  • 谁是团里成员(数组赋值) 数组创建好,接下来我们为数组赋值。我们把数组看似旅游团的大巴车,大巴车里有很多位置,每个位置都有一个号码,顾客要坐在哪个位置呢? 第一步:组个大巴车 第二步:按票对号入座 大巴车的1号座位是张三 大巴车的2号座位是李四 数组的表达方式: 第一步:创建数组var myarr=new Array(); 第二步:给数组赋值 myarr[1]=" 张三"; myarr[2]=" 李四"; 下面创建一个数组,用于存储5个人的数学成绩。 var myarray=new Array(); //创建一个新的空数组 myarray[0]=66; //存储第1个人的成绩 myarray[1]=80; //存储第2个人的成绩 myarray[2]=90; //存储第3个人的成绩 myarray[3]=77; //存储第4个人的成绩 myarray[4]=59; //存储第5个人的成绩 注意:数组每个值有一个索引号,从0开始。 我们还可以用简单的方法创建上面的数组和赋值: 第一种方法: var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”) 注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)
    查看全部
  • 组团,并给团取个名(如何创建数组) 使用数组之前首先要创建,而且需要把数组本身赋至一个变量。好比我们出游,要组团,并给团定个名字“云南之旅”。 创建数组语法: var myarray=new Array(); -------------------------------- var myarray(保存数组的变量)=new Array()(创建一个新的空数组); ( 语句是创建一个新数组存储在myarray变量中 ) -------------------------------- 我们创建数组的同时,还可以为数组指定长度,长度可任意指定。 var myarray= new Array(8); //创建数组,存储8个数据。 注意: 1.创建的新数组是空数组,没有值,如输出,则显示undefined。 2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。
    查看全部
  • scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。 注意: 1. 区分大小写 2. offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。
    查看全部
  • 数组排序:使用一个排序函数,代码如下: <script type="text/javascript"> function sortNum(a,b) { return a - b; //升序,如降序,把“a - b”该成“b - a” } var myarr = new Array("80","16","50","6","100","1"); document.write(myarr + "<br>"); document.write(myarr.sort(sortNum)); </script>
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 操作符之间的优先级(高到低): 算术操作符 比较操作符 逻辑操作符 "="赋值符号 如果同级的运算是按从左到右次序进行,多层括号由里向外。
    查看全部
  • join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
    查看全部
  • setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 语法: setTimeout(代码,延迟时间); 参数说明: 1. 要调用的函数或要执行的代码串。 2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。
    查看全部
  • scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。
    查看全部
  • 给变量取个名字(变量命名) 我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。 我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下: 正确: mysum _mychar $numa1 错误: 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(% + /等) sum+num //开头中间不能使用除(_ $)外特殊符号,如(% + /等) 2.变量名区分大小写,如:A与a是两个不同变量。 3.不允许使用JavaScript关键字和保留字做变量名。 关键字: break else new var case finnally return void catch for switch while default if throw delete in try do instanceof typeof 保留字: abstrct enum int short boolean export interface static byte extends long super char final native synchronized class float package throwa const goto private transient debugger implements protected volatile double import public
    查看全部
  • <script type="text/javascript"> var element=document.createElement("p"); element.className="message"; var newelement=document.createTextNode("I love js"); element.appendChild(newelement); document.body.appendChile(element); </script>
    查看全部
  • 注意:要与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>
    查看全部
  • indexOf(); 返回某个指定的字符串首次出现的位置。
    查看全部

举报

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

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