日度归档:2020年2月24日

javascript中有哪些方法可以调整原数组呢?


摘要:
下文讲述Javascript中调整数组的方法分享,如下所示:


1.pop()方法

pop 方法的功能:
1.删除数组的最后一个元素
2.数组元素减1
3.返回新数组
4.会改变原数组
注意事项:
当数组为空时,返回undefined

   
   <script>
 
    var a =["maomao365.com","猫猫教程"];
	 a.pop();
    console.log(a); //输出 Array(1)
    
  </script>
   
 


2.push()方法

push 方法的功能:
1.将一个元素添加到数组尾部
2.数组长度加1
3.返回新数组
4.会改变原数组

   
   <script>
 
    var a =["maomao365.com","猫猫教程"];
	 a.push("www");
    console.log(a); //输出 Array(3)
    
  </script>
   
 


3.reverse()方法

reverse 方法的功能:
1.反转数组,不会创建数组
2.会改变原数组

   
   <script>
 
    var a =["maomao365.com","猫猫教程"];
	 a.reverse();
    console.log(a); //输出 Array(2)
    
  </script>
   
 


4.shift()方法

shift 方法的功能:
1.从数组的第一个元素开始删除,并返回第一个元素值
2.当数组为空时,shift不进行任何操作
3.改变原数组

   
   <script>
 
    var a =["maomao365.com","猫猫教程"];
	 a.shift();
    console.log(a); //输出 Array(1)
    
  </script>
   
 


5.sort()方法

sort 方法的功能:
1.对数组进行重新排序
2.改变原数组

   
   <script>
 
    var a =["maomao365.com","猫猫教程"];
	 a.sort();
    console.log(a); //输出 Array(2)
  
  </script>
   
 


6.splice()方法

splice方法的功能从index位置开始删除一个或多个元素


7.unshift()方法

unshift方法的功能从数组的开头添加一个或多个元素,返回一个新生成的数组

    arrayObject.unshift("元素1","元素2","元素3",..."元素X")

	   <script>
 
    var a =["maomao365.com","猫猫教程"];
	 a.unshift("元素1","元素2","元素3",..."元素X");
    console.log(a); 
  
  </script>

 

JavaScript 中有哪些输出消息的方法呢?


摘要:
下文讲述Javascript中输出消息的方法,如下所示:


js 弹出信息的方式

在javascript中,以弹出窗的方式弹出信息的有以下三种方法

  
 <script>

alert('这是猫猫教程的js输出消息方法');
 
confirm("您确定继续访问猫猫教程!");
  
prompt("猫猫教程邀请你输入相应的信息:");
 
 </script>
 


使用注意事项:
1.如果输出消息为非数字,需使用双引号或单引号括起来。
2.javascript是严格区分大小写的语言,例:alert和ALERT就是两个不同的东西
3.javascript代码编写完毕后,记得在后面加上分号(分号需为英文输入法下的分号)


javascript向网页中输出内容

  
  <script>
  
   document.write("maomao365.com输出内容");
 
   HTMLElementObject.innerHTML="向元素中写入信息";
   
   document.getElementById("元素Id").innerHTML = "向元素中写入信息";
  
  </script>
 


开发工具输出信息

例:
chrome按F12将进入调试模式

  
  <script>
  
    console.log("maomao365.com输出普通消息");  // 普通输出
    console.warn("maomao365.com警告输出"); // 警告输出
    console.error("maomao365.com错误输出"); // 错误输出
  
  </script>
 

HTML代码中有哪些标签是空元素呢?


摘要:
下文讲述html标签中是空元素的方法分享,如下所示:


空元素的概念

空元素在html中没有html内容的元素,空元素是没有闭合标签
例:
空元素常用于输出 换行符,横线 描述符等信息
常见的空元素有以下:

<br>、<hr>、<img>、<input>、<link>、<meta>
、<area>、<base>、<col>、<colgroup>、<command>、<embed>、<keygen>、<param>、<source>、<track>、<wbr>