前段时间学习了HTML和CSS,也实战了一些结构较简单的项目。在还没运用到JS的知识时,做出来的效果总觉得少了些什么。虽然总体布局与一些基本的特效,也能用HTML+CSS就能完成。但如今开始进入JavaScript的学习,学习完JS后,才算是能做出一个像样的网站。学习JS就没有像学习HTML和CSS那样轻松了。这如果没有足够的耐心与毅力,估计很快就被击倒。知识需要一点点积累,最终汇聚成知识的海洋。
1、什么是JavaScript
Javascipt是一种脚本语言,由web浏览器进行解释和执行。脚本就好比演员的剧本,剧本决定了演员要做的事情。用 JavaScript 编写的程序能够访问 Web 页面的元素和运行它的浏览器,对这些元素执行操作,还可以创建新元素。JavaScript 是一种解释型语言,不是 C++或 Java 那样的编译语言。
指令以普通文本形式传递给浏览器,然后依次解释执行。
2、JavaScript 能做什么
让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等。
3、JavaScript应用到网页的方式
(1)、将javascript代码插入html文档<head>部分的<script>标签中 。
例:<head>

<script type=“text/javascript”>
  alert(‘你好!’);
</script>

</head>
(2)、将javascript代码存放在一个独立的文件。用.js作为文件的扩展名,再利用<script>标签的src属性指向该文件。

例:
<head>
<script type=“text/javascript” src=“test.js”></script>
</head>
4、JavaScript基本 语法
(1)、变量

a、变量由 var 运算符加变量名定义。如下:
var age = 25;
在这里,用var 来定义了一个名为age 的变量,其值为整数25。
注:变量简单理解为好比生活中的容器。

变量名命名规则:

a、第一个字符必须是字母、下划线(_)、或美元符号 ($);

变量名中不能包含空格或标点符号(下划线(_) 和$ 除外);

b、变量名区分大小写;

不能使用保留字、关键字;
如下:
var name="John";对
var 1num="0";错
var var=1;错

(2)、JavaScript注释

JavaScript 注释可用于提高代码的可读性。JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性

//  单行注释

/* …* /  多行注释

注:多行注释不能互相嵌套。

(3)、数据类型

a、字符串(String)

字符串由零个或多个字符构成,字符包括字母,数字,标点符号和空格;

字符串必须放在引号里(单引号或双引号);

var name= “sum”;
var mood = ‘happy’;

b、数值(number)
var age = 25;
var price = 33.25;
注:要注意,字符串的特征是有单引号或双引号括起来。

c、布尔类型 (boolean)

布尔型数据只能有两种值 true 和 false;

var married = true;

var married = false;

与字符串不同,不要把布尔值用引号括起来。布尔值 false 与 字符串 "false"是两回事。

d、对象(object)

在 JavaScript中,几乎所有的事物都是对象。对象(object) Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。对象也是一个变量,但对象可以包含多个值(多个变量)

真实生活中,一辆汽车是一个对象。对象有它的属性,如重量和颜色等,方法有启动停止等:

对象定义

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的:

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

对象属性

通常认为 "JavaScript 对象是键值对的容器"。

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为 对象属性

访问对象属性的方法:

1)、person.lastName;

2)、person["lastName"];

e、

最新文章

  1. PostgreSQL 在centos 7下的安装配置
  2. FTP远程文件传输命令
  3. java中日历代码的实现
  4. linux定时执行任务
  5. iOS开发 弹簧效果
  6. Delphi Socket 阻塞线程下为什么不触发OnRead和OnWrite事件
  7. 学习记录 java 值类型和引用类型的知识
  8. ngcordova 监控网络制式改变
  9. nsDATA 转结构体
  10. POSIX-Centos查看rpm包安装位置及相关信息
  11. MVC架构模式
  12. C#中假设正确使用线程Task类和Thread类
  13. Kinetis学习笔记(一)——基于KSDK 2.0
  14. 自定义switch开关
  15. 遍历Map key-value的两种方法
  16. 软件安装(JDK+MySQL+TOMCAT)
  17. 对TCP三次握手四次分手还不清楚的速度进,超简单解析,明白了就很好记!
  18. CSS3 Tranform 3D 的应用
  19. 爬虫(BeautifulSoup--select--class的选择)
  20. Linux直播推流

热门文章

  1. OpenCASCADE Conic to BSpline Curves-Circle
  2. RequireJs调研
  3. Java学习笔记——回调函数
  4. Windows 搭建 .NET 跨平台环境并运行应用程序
  5. Last-Modified、If-Modified-Since 实现缓存和 OutputCache 的区别
  6. EntityFramework 7 smallint short 奇怪问题(已解决)
  7. C# 在Word文档中生成条形码
  8. WebGIS中解决使用Lucene进行兴趣点搜索排序的两种思路
  9. TSQL查询45道题
  10. 将Resource中的图片资源动态绑定到PictureBox中: