Javascript 学习 笔记一

简介: 1、操作 HTML 元素       如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。       请使用 "id" 属性来标识 HTML 元素:例子:       通过指定的 id 来访问 HTML 元素,并改变其内容:<!DOCTYPE html><html><body&g

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 Page

My 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


作者:jiankunking 出处:http://blog.csdn.net/jiankunking








目录
相关文章
|
前端开发 JavaScript
学习JavaScript笔记
学习JavaScript笔记
58 0
|
4天前
|
弹性计算 安全 API
访问控制(RAM)|云上安全使用AccessKey的最佳实践
集中管控AK/SK的生命周期,可以极大降低AK/SK管理和使用成本,同时通过加密和轮转的方式,保证AK/SK的安全使用,本次分享为您介绍产品原理,以及具体的使用步骤。
101786 0
|
4天前
|
SQL 关系型数据库 分布式数据库
Doodle Jump — 使用Flutter&Flame开发游戏真不错!
用Flutter&Flame开发游戏是一种什么体验?最近网上冲浪的时候,我偶然发现了一个国外的游戏网站,类似于国内的4399。在浏览时,我遇到了一款经典的小游戏:Doodle Jump...
|
12天前
|
弹性计算 运维 安全
访问控制(RAM)|云上程序使用临时凭证的最佳实践
STS临时访问凭证是阿里云提供的一种临时访问权限管理服务,通过STS获取可以自定义时效和访问权限的临时身份凭证,减少长期访问密钥(AccessKey)泄露的风险。本文将为您介绍产品原理,以及具体的使用步骤。
151035 4
|
10天前
|
数据采集 存储 运维
提升团队工程交付能力,从“看见”工程活动和研发模式开始
本文从统一工程交付的概念模型开始,介绍了如何将应用交付的模式显式地定义出来,并通过工具平台落地。
119990 57
|
11天前
|
监控 负载均衡 Java
深入探究Java微服务架构:Spring Cloud概论
**摘要:** 本文深入探讨了Java微服务架构中的Spring Cloud,解释了微服务架构如何解决传统单体架构的局限性,如松耦合、独立部署、可伸缩性和容错性。Spring Cloud作为一个基于Spring Boot的开源框架,提供了服务注册与发现、负载均衡、断路器、配置中心、API网关等组件,简化了微服务的开发、部署和管理。文章详细介绍了Spring Cloud的核心模块,如Eureka、Ribbon、Hystrix、Config、Zuul和Sleuth,并通过一个电商微服务系统的实战案例展示了如何使用Spring Cloud构建微服务应用。
103503 8
|
12天前
|
人工智能 Serverless 对象存储
让你的文档从静态展示到一键部署可操作验证
通过函数计算的能力让阿里云的文档从静态展示升级为动态可操作验证,用户在文档中单击一键部署可快速完成代码的部署及测试。这一改变已在函数计算的活动沙龙中得到用户的认可。
120843 218
|
11天前
|
SQL 存储 数据可视化
Ganos H3地理网格能力解析与最佳实践
本文介绍了Ganos H3的相关功能,帮助读者快速了解Ganos地理网格的重要特性与应用实践。H3是Uber研发的一种覆盖全球表面的二维地理网格,采用了一种全球统一的、多层次的六边形网格体系来表示地球表面,这种地理网格技术在诸多业务场景中得到广泛应用。Ganos不仅提供了H3网格的全套功能,还支持与其它Ganos时空数据类型进行跨模联合分析,极大程度提升了客户对于时空数据的挖掘分析能力。
|
11天前
|
存储 缓存 安全
深度解析JVM世界:JVM内存结构
深度解析JVM世界:JVM内存结构