首页 技术 正文
技术 2022年11月10日
0 收藏 703 点赞 2,276 浏览 1772 个字

1、操作 HTML 元素

       如需从 JavaScript 訪问某个 HTML 元素,您能够使用 document.getElementById(id) 方法。

       请使用 "id" 属性来标识 HTML 元素:

样例:

       通过指定的 id 来訪问 HTML 元素,并改变其内容:

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>

输出结果:

My First Web PageMy First JavaScript

2、数组

以下的代码创建名为 cars 的数组:

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

3、对象(对象仅仅是带有属性和方法的特殊数据类型)

属性是与对象相关的值,方法是可以在对象上运行的动作。

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

var person={firstname:"Bill", lastname:"Gates", id:5566};

上面样例中的对象 (person) 有三个属性:firstname、lastname 以及 id。

      空格和折行无关紧要。声明可横跨多行:

var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};

4、声明变量类型

当您声明新变量时,能够使用关键词 "new" 来声明其类型:

var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

小注:

JavaScript 中的全部事物都是对象:字符串、数字、数组、日期,等等。

       在 JavaScript 中,对象是拥有属性和方法的数据。

5、属性和方法

属性是与对象相关的值。

       方法是可以在对象上运行的动作。

       举例:汽车就是现实生活中的对象。

汽车的属性:

car.name=Fiat
car.model=500
car.weight=850kg
car.color=white

汽车的方法:

car.start()
car.drive()
car.brake()

汽车的属性包含名称、型号、重量、颜色等。

       全部汽车都有这些属性,可是每款车的属性都不尽同样。

       汽车的方法能够是启动、驾驶、刹车等。

       全部汽车都拥有这些方法,可是它们被运行的时间都不尽同样

6、标签

正如您在 switch 语句那一章中看到的,能够对 JavaScript 语句进行标记。

       如需标记 JavaScript 语句,请在语句之前加上冒号:

label:
语句

break 和 continue 语句不过可以跳出代码块的语句。

       语法

break labelname;
continue labelname;

continue 语句(带有或不带标签引用)仅仅能用在循环中。

       break 语句(不带标签引用),仅仅能用在循环或 switch 中。

       通过标签引用,break 语句可用于跳出不论什么 JavaScript 代码块:

实例:

cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}

输出结果:

BMW
Volvo
Saab

7、

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,085
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,560
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,409
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,182
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,819
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,902