投稿
  1. 125jz首页
  2. 教程
  3. 网页制作

JavaScript 向数组的开头或末尾添加元素：unshift() 、push()方法详解

江山如画 • • 网页制作 • 阅读 16163

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

unshift() 实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>unshift()方法可向数组的开头添加一个或更多元素</title>
</head>
<body>
<p id="demo">单击按钮在数组开始插入元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
  var fruits = ["网页", "设计", "网站", "建设"];
  fruits.unshift("www.125jz.com");
  var x=document.getElementById("demo");
  x.innerHTML=fruits;
}
</script>
</body>
</html>

输出结果：www.125jz.com,网页,设计,网站,建设

push() 方法实例：

var fruits = ["网页", "设计", "网站", "建设"];
fruits.push("www.125jz.com")

输出结果：网页,设计,网站,建设,www.125jz.com

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2488.html

赞 (1)
江山如画的头像江山如画管理团队
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
3种纯CSS/jquery实现的表格隔行变色，鼠标悬停：hover变色效果
上一篇 2018年9月5日 上午10:07
设计师必须掌握的色彩心理学
下一篇 2018年9月5日 上午10:49

99%的人还看了以下文章

  • 文字环绕图片效果图 网页制作

    css布局基础：浮动和清除浮动练习1

    主要知识点： 1、浮动：让元素脱离标准流，从而实现灵活的布局效果。 2、浮动只能左右，不能上下。float:left/right/none。 3、子元素浮动会造成父元素高度塌陷，清除浮动的3种方法： 方法1：通过overflow属性 方法2：通过clear属性 方法3：通过伪元素选择器（推荐） 效果图： 参考： <!DOCTYPE html> &…

    孙萍的头像 孙萍
    2020年4月4日
    10.1K0
  • html5专题 网页制作

    22个HTML5的初级技巧

    本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。

    zhrjgy的头像 zhrjgy
    2018年3月18日
    4.0K0
  • html入门教程 网页制作

    第6课：学习更多HTML元素

    到现在，你有没有独立完成过一个网页？你可以的，看看下面的例子： <html> <head><title>125建站网|www.125jz.com</title></head> <body> <h1>一级标题</h1><p>一些文字。。。</p&g…

    江山如画的头像 江山如画
    2018年1月20日
    13.8K0
  • html入门教程 网页制作

    第12课：页面布局（CSS）

    如何为页面实现理想的布局？ 你可以使用级联样式表（Cascading Style Sheets，简称CSS）为网站设计页面布局。本课将对CSS作简单介绍。如需从头开始全面学习CSS知识，可以使用我们提供的CSS教程。因此，请将本课当作CSS的预备课。CSS是HTML的搭档。在编码过程中，它们发挥不同的作用：HTML负责网页的具体内容（结构），而CSS则修饰网…

    江山如画的头像 江山如画
    2018年1月19日
    13.8K0
  • html入门教程 网页制作

    第9课：在网页中添加图像

    假如能把自己喜欢的的图像放到网页上，那就太好了。 这貌似有点难度。。。 也许是有点难度，但其实也不难，一个元素就可以搞定： 例1： <img src=”http://www.125jz.com/wp-content/uploads/2018/01/liudehua.jpg” /> 该例在浏览器中将显示如下： 你要做的只是：告诉浏览器你要插入一张图…

    江山如画的头像 江山如画
    2018年1月20日
    10.8K0
  • 第14课：元素的定位 网页制作

    第14课：元素的定位

    CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高级而精确的布局。本课我们将讨论以下内容： CSS定位的原理 绝对定位 相对定位 CSS定位的原理 把浏览器窗口想象成一个坐标系统： CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何位置上。 假设我们要放置一个标题。通过使用盒状模…

    江山如画的头像 江山如画
    2020年2月25日
    8.4K0

发表回复

登录后才能评论