JavaScript

最新推荐文章于 2024-09-12 17:12:18 发布

harkecho

最新推荐文章于 2024-09-12 17:12:18 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript

本文链接：https://blog.youkuaiyun.com/u012581760/article/details/78412476

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括数组和对象的定义与使用方法，变量类型的声明方式，以及如何通过函数进行数据处理。此外还提供了添加和删除HTML元素的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 数组
    var cars = new Array();
    cars[0] = "audi";
    cars[1] = "BMIW"
    cars[2] = “Volvo"

var cars1 = new Array("audi","BMIW","Volvo");
var cars2 = ["audi","BMIW","Volvo”];

JavaScript对象
var person ={firstname:”Bill”,lastname:”Gates”,id:445};

声明变量类型
当您声明新变量时,可以使用关键词”new”来声明其类型
var carname = new String;
var x = new Number;
var y = new Boolean;
var cars = new Array;
var person = new Object;

JavaScript对象:

JavaScript中的所有事物都是对象:字符串,数组,数字,日期等
在JavaScript中,对象是拥有属性和方法的数据.

JavaScript 函数
带有返回值的函数

function myFunction()
{
var x=5;
return x;
}
document.getElementById("demo").innerHTML=myFunction();

添加和删除节点(HTML元素)

创建新的HTML元素
<!DOCTYPE html>
<html lang="en">

<body>
<div id="div1">
    <p id="p1">这是一个段落</p>
    <p id="p2">这是另一个段落</p>
</div>

<script>
      var para =document.createElement("p");
      var node=document.createTextNode("这是新段落")
      para.appendChild(node);
      var element=document.getElementById("div1");
      element.appendChild(para);
</script>
</body>
</html>


删除已有的 HTML 元素
如需删除 HTML 元素，您必须首先获得该元素的父元素：
<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>