前段时间学习了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、

JavaScript基本语法(一)的更多相关文章

  1. javascript运算符语法概述

    × 目录 [1]个数 [2]优先级 [3]结合性[4]类型[5]规则表 前面的话 javascript中的运算符大多由标点符号表示,少数由关键字表示,它们的语法言简意赅,它们的数量却着实不少.运算符始 ...

  2. javascript基础语法——表达式

    × 目录 [1]原始表达式 [2]复杂表达式 前面的话 一般地,关于javascript基础语法,人们听得比较多的术语是操作符和语句.但是,其实还有一个术语经常使用,却很少被提到,这就是javascr ...

  3. javascript基础语法——词法结构

    × 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫 ...

  4. JavaScript的语法规则

    JavaScript的语法规则 JavaScript区分大小写 JavaScript脚本程序须嵌入在HTML文件中 JavaScript脚本程序中不能包含HTML标记代码 每行写一条脚本语句 语句末尾 ...

  5. JavaScript的语法要点 1 - Lexically Scoped Language

    作为从一开始接触C.C++.C#的程序员而言,JavaScript的语法对我来说有些古怪,通过最近一年的接触,对它有了一定的了解,于是想把它的一些语法要点记录下来. 1. Block Scope vs ...

  6. javascript的语法作用域你真的懂了吗

    原文:javascript的语法作用域你真的懂了吗 有段时间没有更新了,思绪一下子有点转不过来.正应了一句古话“一天不读书,无人看得出:一周不读书,开始会爆粗:一月不读书,智商输给猪.”.再加上周五晚 ...

  7. 【repost】JavaScript 基本语法

    JavaScript 基本语法,JavaScript 引用类型, JavaScript 面向对象程序设计.函数表达式和异步编程 三篇笔记是对<JavaScript 高级程序设计>和 < ...

  8. JavaScript 中语法规范及调试

    JavaScript 中语法规范及调试 版权声明:未经博主授权,内容严禁分享转载 JavaScript 开发环境 JavaScript 脚本可以使用任意一款纯文本编辑器进行编程开发. 常见的前端开发编 ...

  9. Unit04: JavaScript 概述 、 JavaScript 基础语法 、 流程控制

    Unit04: JavaScript 概述 . JavaScript 基础语法 . 流程控制 my.js function f3() { alert("唐胜伟"); } demo1 ...

随机推荐

  1. Sql Server系列:索引设计原则及优化

    1. 索引设计原则 索引设计不合理或缺少索引都会对数据库的性能造成障碍,高效的索引对于获得良好的性能非常重要. 设计索引时的一些原则: ◊ 索引并不是越多越好,一个表中如果有大量的索引,不仅占用大量的 ...

  2. 【原创】开源Math.NET基础数学类库使用(05)C#解析Delimited Formats数据格式

                   本博客所有文章分类的总目录:[总目录]本博客博文总目录-实时更新  开源Math.NET基础数学类库使用总目录:[目录]开源Math.NET基础数学类库使用总目录 前言 ...

  3. 【开源】OSharp3.3框架解说系列:开发计划与进度

    OSharp是什么? OSharp是个快速开发框架,但不是一个大而全的包罗万象的框架,严格的说,OSharp中什么都没有实现.与其他大而全的框架最大的不同点,就是OSharp只做抽象封装,不做实现.依 ...

  4. Html,Css,Dom,javascript细节总结

    最近愈发觉得基础的重要性,细节决定成败,所以希望能够将自己注意到的搜集到的一些关于前端的小细节小知识整理出来,更好的方便自己记忆回顾. 1.在构建网页Html框架时,尽量只给外层标记(即是父标记)定义 ...

  5. UIScrollView的delaysContentTouches与canCencelContentTouches属性

    UIScrollView有一个BOOL类型的tracking属性,用来返回用户是否已经触及内容并打算开始滚动,我们从这个属性开始探究UIScrollView的工作原理: 当手指触摸到UIScrollV ...

  6. 【Java心得总结二】浅谈Java中的异常

    作为一个面向对象编程的程序员对于 下面的一句一定非常熟悉: try { // 代码块 } catch(Exception e) { // 异常处理 } finally { // 清理工作 } 就是面向 ...

  7. Zookeeper数据模型及其应用

    Zookeeper作为分布式系统的底层协调服务有着其简单可依靠的数据模型,数据模型加之数据同步.一致性处理和可靠性,在此之上有很多经典的应用,例如,分布式锁.服务器动态上线下感知.主节点选举.数据发布 ...

  8. scikit-learn一般实例之一:保序回归(Isotonic Regression)

    对生成的数据进行保序回归的一个实例.保序回归能在训练数据上发现一个非递减逼近函数的同时最小化均方误差.这样的模型的好处是,它不用假设任何形式的目标函数,(如线性).为了比较,这里用一个线性回归作为参照 ...

  9. Xamarin Studio在Mac环境下的配置和Xamarin.iOS常用控件的示例

    看过好多帖子都是Win环境装XS,Mac只是个模拟器,讲解在Mac环境下如何配置Xamarin Studio很少,也是一点点找资料,东拼西凑才把Xamarin Studio装在Mac上跑起来,如下: ...

  10. div自适应布局

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OnlineShowPage ...