开发者社区> 衣舞晨风> 正文

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








版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
R可视乎|交互式图形库 Plotly
之前公众号介绍过的绘图工具:如何快速画出美观的图形?,图表这么多,该用哪种展示我的数据呢?使用的语言都为 python,对于一些 R 语言爱好者就不是那么方便啦,今天小编为大家介绍一个支持 R 语言的开源图形库—— Plotly,赶紧收藏起来,迅速 get 绘制美观实用的图形技能吧~
3 0
Markdown 规范
Rules This document contains a description of all rules, what they are checking for, as well as an examples of documents that break the rule and corrected versions of the examples. Any rule whose heading is struck through is deprecated, but still provided for backward-compatibility. <a name="md001">
5 0
markdown 替代品 asciidoc 介绍
AsciiDoc,它的设计初衷就是为了解决写书规模的问题,并且是 O’Reilly 的在线出版平台 Atlas 的推荐语言。经过一番学习,我觉得 Asciidoc 确实很适合电子书制作。 AsciiDoc 相比 Markdown 支持更多的格式,包括而不限于: • 文档属性,设置作者、版本信息等。 • 语法高亮。 • 表格。 • Include 功能,将大文档拆分几个文件。 • 自定义块语法,可扩展性。
6 0
Javascript 字符串与文本格式化
字符串 JavaScript中的 String 类型用于表示文本型的数据. 它是由无符号整数值(16bit)作为元素而组成的集合. 字符串中的每个元素在字符串中占据一个位置. 第一个元素的index值是0, 下一个元素的index值是1, 以此类推. 字符串的长度就是字符串中所含的元素个数.你可以通过String字面值或者String对象两种方式创建一个字符串。
3 0
SpringMVC @RequestMapping用法 参数绑定
@RequestMapping 简介 在Spring MVC 中使用 @RequestMapping 来映射请求,也就是通过它来指定控制器可以处理哪些URL请求,相当于Servlet中在web.xml中配置
5 0
【服务器开发系列】极验证怎么玩的?
【服务器开发系列】极验证怎么玩的?
4 0
接口测试 初级三讲
为什么要开发自己的测试框架? 我们说到了用 Postman 来完成接口测试,但随着你的接口测试项目逐渐增加,你会发现越来越难以管理它的脚本,虽然测试工具导出的测试脚本也可以存放到代码仓库,但是,如果只是通过代码来查看是很难看懂的,你必须用原来的测试工具打开,才能更容易看懂原来的脚本做了什么样的操作。
5 0
【Json与Ajax交互报错解决】No converter found for return value of type: class com.github.pagehelper.PageInfo
【Json与Ajax交互报错解决】No converter found for return value of type: class com.github.pagehelper.PageInfo
6 0
API接口性能优化总结
在web开发过程中,经常会遇到接口RT高的情况,除了通过监控事后优化的方式,我们还需要掌握一些常用的手段,避免写出慢的接口。从前端发起调用到后端一般经过网关层、应用层、存储层。每一层都可以优化,本篇文章主要是应用层优化。
7 0
从零开始学设计模式(十四):中介者模式(Mediator Pattern)
中介者模式(Mediator Pattern)又被称为调停者模式。它定义了一个中介对象来封装一系列对象之间的交互关系。中介者使各个对象之间不需要显式地相互引用,从而使耦合性降低,而且可以独立地改变它们之间的交互行为。它是一种对象行为型模式。
2 0
+关注
衣舞晨风
http://blog.csdn.net/jiankunking
701
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载