美文网首页
js基础填坑

js基础填坑

作者: 好奇的猫猫猫 | 来源:发表于2018-11-13 15:08 被阅读0次

js学习之路:
第一阶段:《JavaScript DOM编程艺术》
第二阶段:《JavaScript高级程序设计》
第三阶段:《JavaScript语言精粹》、《高性能JavaScript》
第四阶段:《JavaScript DOM高级程序设计》、《JavaScript设计模式》

1.操作符之间的优先级(高到低)

算术操作符 >比较操作符>逻辑操作符>“=”赋值符号
如果是同级的运算是按从左到右次序进行,多层括号由里向外

var numa=3;
var numb=6;
jq = numa+30 >10 && numb*3 <2  //结果为false
2.使用数组之前首先要创建,而且需要把数组本身赋值一个变量,好比我们组团去旅游,需要给团队起个名字。

创建数组:var myarray =new Array();



我们在创建数组的同时,还可以为数组指定长度,长度可以任意指定。

var myarray = new Array(8);//创建数组,存储8个数据

注意:
1.创建的新数组是空数组,没有值,如输出,则显示undefined
2.虽然创建数组时,指定了长度,但实际上数组是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在超过规定长度之外。

3.数组赋值

1.var myarray = new Array(2,6,3,8,2);//创建数组同时赋值
2.var myarray =[2,6,3,8,2];//直接输入一个数组(称“字面量数组”)

数组存储的数据可以是任何类型(数字,字符,布尔值等)

4.继续循环continue

continue的作用是仅仅跳过本次循环,而整个循环体继续执行。

当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。
5.事件:js创建动态页面,事件可以被js侦测到的行为。网页中的每个元素都可以产生某些可以出发js函数或程序的事件。
6.对象:js中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象都带有属性和方法

对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

7.数组排序sort()

sort()方法使数组中的元素按照一定的顺序排列。
1.如果不指定<方法函数>,则按unicode码顺序排列。

2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

myArray.sort(sortMethod);
注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

1.使用sort()将数组进行排序,代码如下:

<script type="text/javascript">
  var myarr1 = new Array("Hello","John","love","JavaScript"); 
  var myarr2 = new Array("80","16","50","6","100","1");
  document.write(myarr1.sort()+"<br>");
  document.write(myarr2.sort());
</script>

运行结果:

Hello,JavaScript,John,love
1,100,16,50,6,80
注意:上面的代码没有按照数值的大小对数字进行排序。

2.如要实现这一点,就必须使用一个排序函数,代码如下:

<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>

运行结果:

80,16,50,6,100,1
1,6,16,50,80,100

8.Location对象

location用于获取或设置窗体的URL,并且可以用于解析URL

location对象图示:
location对象方法:
9.节点操作

继续深入学习

https://www.cnblogs.com/beast-king/p/5314523.html

相关文章

  • js基础填坑

    js学习之路:第一阶段:《JavaScript DOM编程艺术》第二阶段:《JavaScript高级程序设计》第三...

  • JS填坑积累

    图片lazy加载

  • js 填坑代码

    以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...

  • JS toFixed()填坑

    问题 1、在JS中四舍五入的函数 toFixed(n) , n为要保留的小数位数。 n为0~20,当n超过20的时...

  • 选择待选框选项到已选框

    先看实现效果图 jsp代码 js代码 具体到后台实现再填坑吧~~

  • node.js填坑

    关于在node.js 导出模块的问题填坑 构造函数 的导出跟es6的class类导出的顺序问题 module.ex...

  • Android基础部分填坑

    五种布局 Android中的五种布局分别为 FrameLayout 、 LinearLayout 、 Absolu...

  • 再挖个坑,明天填,push的

    再挖个坑,明天填,push的 再挖个坑,明天填,push的 再挖个坑,明天填,push的 再挖个坑,明天填,pus...

  • Wendy Shijia 的「 Escher's Gallery

    开始填坑。太多坑没填以致可以从容选择先填哪个,然而也忘了坑长什么样、怎么填。不过还是希望该填的坑能尽量于月底前填完...

  • 填坑之路:Knockout.js

    1. applyBindings 2. observable ko.observable监控的对象都是方法(函数)...

网友评论

      本文标题:js基础填坑

      本文链接:https://www.haomeiwen.com/subject/ohmkfqtx.html