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








目录
相关文章
|
存储 网络协议 数据可视化
【超强笔记软件】Obsidian如何实现免费无限流量无套路云同步?
【超强笔记软件】Obsidian如何实现免费无限流量无套路云同步?
872 0
|
自然语言处理 小程序 搜索推荐
小程序搜索服务优化最佳实践
小程序的诞生大大缩短了操作步骤以及省去了APP之间的切换成本,如何提升用户体验,促使更多流量变现,是大部分开发者们不断探索优化的方向。本文透过小程序“搜索服务的优化”的角度,结合了阿里云开放搜索的最佳实践,解读如何2步实现一站式高质量搜索体验~
3569 0
小程序搜索服务优化最佳实践
|
5天前
|
存储 关系型数据库 分布式数据库
PostgreSQL 18 发布,快来 PolarDB 尝鲜!
PostgreSQL 18 发布,PolarDB for PostgreSQL 全面兼容。新版本支持异步I/O、UUIDv7、虚拟生成列、逻辑复制增强及OAuth认证,显著提升性能与安全。PolarDB-PG 18 支持存算分离架构,融合海量弹性存储与极致计算性能,搭配丰富插件生态,为企业提供高效、稳定、灵活的云数据库解决方案,助力企业数字化转型如虎添翼!
|
16天前
|
弹性计算 关系型数据库 微服务
基于 Docker 与 Kubernetes(K3s)的微服务:阿里云生产环境扩容实践
在微服务架构中,如何实现“稳定扩容”与“成本可控”是企业面临的核心挑战。本文结合 Python FastAPI 微服务实战,详解如何基于阿里云基础设施,利用 Docker 封装服务、K3s 实现容器编排,构建生产级微服务架构。内容涵盖容器构建、集群部署、自动扩缩容、可观测性等关键环节,适配阿里云资源特性与服务生态,助力企业打造低成本、高可靠、易扩展的微服务解决方案。
1317 5
|
3天前
|
监控 JavaScript Java
基于大模型技术的反欺诈知识问答系统
随着互联网与金融科技发展,网络欺诈频发,构建高效反欺诈平台成为迫切需求。本文基于Java、Vue.js、Spring Boot与MySQL技术,设计实现集欺诈识别、宣传教育、用户互动于一体的反欺诈系统,提升公众防范意识,助力企业合规与用户权益保护。
|
15天前
|
机器学习/深度学习 人工智能 前端开发
通义DeepResearch全面开源!同步分享可落地的高阶Agent构建方法论
通义研究团队开源发布通义 DeepResearch —— 首个在性能上可与 OpenAI DeepResearch 相媲美、并在多项权威基准测试中取得领先表现的全开源 Web Agent。
1372 87
|
3天前
|
JavaScript Java 大数据
基于JavaWeb的销售管理系统设计系统
本系统基于Java、MySQL、Spring Boot与Vue.js技术,构建高效、可扩展的销售管理平台,实现客户、订单、数据可视化等全流程自动化管理,提升企业运营效率与决策能力。
|
4天前
|
弹性计算 安全 数据安全/隐私保护
2025年阿里云域名备案流程(新手图文详细流程)
本文图文详解阿里云账号注册、服务器租赁、域名购买及备案全流程,涵盖企业实名认证、信息模板创建、域名备案提交与管局审核等关键步骤,助您快速完成网站上线前的准备工作。
211 82
2025年阿里云域名备案流程(新手图文详细流程)