注意:java和JavaScript没有半毛钱关系!!!

说明:过年歇着歇着不知不觉就歇了七天,嘿嘿,从今天开始继续学习。

学习笔记:

1、JavaScript概述。

1.1、JavaScript是什么?有什么作用?

HTML:就是用来写网页的。

CSS:就是用来美化页面的。

JavaScript:前端的大脑、灵魂。

JavaScript:web上强大的脚本语言。

作用:控制页面特效展示。

编程语言:可以独立写程序,独立运行先编译,后执行。

脚本语言:无法独立运行。必须嵌入到其他语言中,结合使用。(类似于用大脑控制身体,但是单独的大脑无法完成事情,必须和身体结合才能完成事情。)

直接被浏览器解析执行。

 

例如:JS(JavaScript)可以对HTML元素进行动态控制

JS(JavaScript)可以对表单进行校验。(例如检查密码是否填写、用户名是否符合要求。)

JS(JavaScript)可以控制CSS的样式。

1.2、JavaScript的入门案例。

例如:

<html>

<head>

<meta charset="UTF-8">

<title>demo1</title>

<script>

//int a=10;

var a=10;

//int b=20;

var b=20;

//int temp=a+b;

var temp=a+b;

//System.out.print(temp);

alert(temp);

</script>

</head>

<body>

</body>

</html>

1.3、JavaScript的语言特征及编程注意事项。

特征:

JavaScript无需编译,直接被浏览器解析执行。

JavaScript无法单独运行,必须嵌入到HTML代码中运行。

JavaScript的执行过程是由上到下依次执行。

 

注意:

JavaScript没有访问系统文件的权限(安全)

由于JavaScript无需编译,是由上到下依次解析执行,所以在保证可读性的情况下,允许使用链式编程

JavaScript和Java没有任何直接联系。

 

1.4、JavaScript的组成。

ECMAScript(核心):规定(封装)了JS的语法和基本对象

DOM: 文档对象模型:处理网页内容的方法和接口

标记型文档:HTML

BOM: 浏览器对象模型,与浏览器交互的方法和接口

1.5、JavaScript的引入方式。

1.5.1、内部脚本。

在当前页面内部写<script>标签,script标签内部即可书写JS代码。

格式:

<script type=“text/JavaScript”>

JavaScript代码

</script>

注意:script标签理论上可以书写在HTML文件的任意位置。

 

1.5.2、外部引入

在HTML文档中,通过<script src=“”>标签引入JS文件。

格式:

<script type=“text/javascript” src=“javascript文件路径”></script>

注意:外部引用时script标签内不能有script代码,即使写了也不会执行。

1.5.3、script标签规范化的放置位置(了解)

开发规范规定,script标签放置位置为:

  Body结束标签之前

如图所示:

优点:

保证HTML展示内容优先加载,最后加载脚本,增强用户体验。(如果网速卡时,会先显示出HTML标签,使页面加载时不用面对空白页面)。

2、JavaScript语法及规则

2.1、注释

单行注释 //

多行注释 /**/

2.2、变量

2.2.1、变量概述

变量:标识内存中的一块空间,用于存储数据,且数据是可变的。

变量的声明:

var 变量名;  //变量赋予默认值,默认值为undefined(未定义的)。

变量的声明和赋值:

var 变量名=值;  //变量赋予对应的值。

在声明JavaScript变量时,需要遵循以下命名规范:

必须以字母或者下划线开头,中间可以是数字、字符或下划线。

变量名不能包含空格等符号。

不能使用JavaScript关键字作为变量名。如function

JavaScript严格区分大小写

2.2.2基本数据类型

类似于java中的基本数据类型

string     字符串类型。  “” 和‘’都是字符串。JavaScript中没有单个字符

boolean    布尔类型。     固定值为true或者false

number     数字类型。     任意数字。

Null       空,一个占位符。

undefined  未定义类型。   该类型只有一个固定值,即undefined,表示变量声明却未定义具体的值。

注:因为undefined是从null中派生出来,所以undefined==null

JavaScript区别于java,是弱类型语言,变量的使用不用严格遵守规范,所以一个变量声明好之后,可以赋予任意类型的值。

通过typeof运算符可以分辨变量值属于哪种基本数据类型。

对变量或值调用typeof运算符将返回下列值之一:

undefined     如果变量是undefined类型。

boolean       如果变量是boolean类型的

number        如果变量是number类型的

string        如果变量是String类型的

object        如果变量是一种引用类型或null类型的。

这是ECMAScript实现之出的一个BUG,null属于基本数据类型,但是typeof(null)返回的是 object,这个BUG一直沿用至今。

例如:

<script type="text/javascript">

var str1="nihao";

var str2='hello';  //JavaScript中没有单个字符。

var flag1=true;

var flag2=false;

var num1=10;

var num2=10.55;

var num3=-100;

var obj=null;

var a;

var b=undefined;

</script>

2.2.3、引用数据类型

引用数据类型通常叫做类(class),但在JavaScript中,因为不存在编译过程,所以没有类的概念,所处理的引用数据类型都是对象

标准创建方式:

var str=new String();

var str=new String;

 

系统学习Javaweb5----JavaScript1的更多相关文章

  1. 零基础如何系统学习Java Web

    零基础如何系统学习Java Web?   我来给你说一说 你要下决心,我要转行做开发,这样你才能学成. 你要会打字,我公司原来有一个程序员,打字都是两个手一指禅,身为程序员你一指禅怎么写出的代码,半个 ...

  2. Unity3D 装备系统学习Inventory Pro 2.1.2 基础篇

    前言 前一篇 Unity3D 装备系统学习Inventory Pro 2.1.2 总结 基本泛泛的对于Inventory Pro 这个插件进行了讲解,主要是想提炼下通用装备系统结构和类体系.前两天又读 ...

  3. MES系统学习

    MES系统是当今制造型企业信息化的热点,而统一建模语言UML是面向对象建模的标准语言,在软件工程发挥着重要作用.MES系统如何进行UML建模呢,今天和大家重点讨论一下MES系统的UML建模方法,请看本 ...

  4. 001 今天开始系统学习C#

    2016-01-16 之前只是大概了解过c#语言,感觉掌握不牢靠.现在开始系统学习C#.现以该博客作为学习笔记,方便后续查看.C# 目标:系统掌握c#知识 时间:30天 范围:C#基础,Winform ...

  5. Linux系统学习笔记:文件I/O

    Linux支持C语言中的标准I/O函数,同时它还提供了一套SUS标准的I/O库函数.和标准I/O不同,UNIX的I/O函数是不带缓冲的,即每个读写都调用内核中的一个系统调用.本篇总结UNIX的I/O并 ...

  6. Hibernate的系统 学习

    Hibernate的系统 学习 一.Hibernate的介绍 1.什么是Hibernate? 首先,hibernate是数据持久层的一个轻量级框架.数据持久层的框架有很多比如:iBATIS,myBat ...

  7. css系统学习网站

    最近系统学习一下css样式,找到一个不错的网站.http://css.doyoe.com/

  8. Ubuntu LTS 系统学习使用体会和实用工具软件汇总 6.04 8.04 10.04 12.04 14.04 16.04

    Ubuntu LTS 系统学习体会和工具软件汇总 6.04 8.04 10.04 12.04 14.04 16.04 ubuntu入门必备pdf:http://download.csdn.net/de ...

  9. MySQL如何系统学习

    MySQL是当下互联网最流行的开源数据库.不管你使用或者学习何种编程语言,都将会使用到数据库,而MySQL则是应用最为广泛的数据库,没有之一! 之前在我的博客上也发布过一些MySQL优化配置项,都收到 ...

  10. 如何系统学习知识图谱-15年+IT老兵的经验分享

    一.前言 就IT而言,胖子哥算是老兵,可以去猝死的年纪,按照IT江湖猿龄的规矩,也算是到了耳顺之年:而就人工智能而言,胖子哥还是新人,很老的新人,深度学习.语音识别.人脸识别,知识图谱,逐个的学习了一 ...

随机推荐

  1. CodeForces - 748D Santa Claus and a Palindrome (贪心+构造)

    题意:给定k个长度为n的字符串,每个字符串有一个魅力值ai,在k个字符串中选取字符串组成回文串,使得组成的回文串魅力值最大. 分析: 1.若某字符串不是回文串a,但有与之对称的串b,将串a和串b所有的 ...

  2. POJ 3050:Hopscotch

    Hopscotch Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 2506   Accepted: 1784 Descrip ...

  3. 多线程之间通讯JDK1.5-Lock

    synchronized:代码开始上锁,代码结束时释放锁:内置锁.自动化的.效率低.扩展性不高(不够灵活): JDK1.5并发包Lock锁 --保证线程安全问题,属于手动挡,手动开始上锁,手动释放锁, ...

  4. Python 学习笔记:Python 使用 pandas 读取数据库并进行绘图

    上次写了在 Python 怎么使用 mssql 库来对 SQL Server 数据库进行增删查改,今天就写一下 Python 如何通过 pandas 来读取数据库并进行绘图. 一.读取数据库: 利用 ...

  5. rpm -qa -qc 查询安装过的软件

    dpkg  -l  | grep ssh        #Ubuntu rpm -qa |grep ssh   #centos 通过ps -e |grep ssh命令查看是否启动.如果只有ssh-ag ...

  6. 图解:平衡二叉树,AVL树

    学习过了二叉查找树,想必大家有遇到一个问题.例如,将一个数组{1,2,3,4}依次插入树的时候,形成了图1的情况.有建立树与没建立树对于数据的增删查改已经没有了任何帮助,反而增添了维护的成本.而只有建 ...

  7. 基于ssh开发彩票购买系统的设计与实现毕业设计

    开发环境: Windows操作系统开发工具: MyEclipse+Jdk+Tomcat+MYSQL数据库 运行效果图: 源码及原文地址:http://javadao.xyz/forum.php?mod ...

  8. 吴裕雄--天生自然Linux操作系统:Linux 用户和用户组管理

    Linux系统是一个多用户多任务的分时操作系统,任何一个要使用系统资源的用户,都必须首先向系统管理员申请一个账号,然后以这个账号的身份进入系统. 用户的账号一方面可以帮助系统管理员对使用系统的用户进行 ...

  9. poj2778 矩阵乘法+ac自动机

    题:http://poj.org/problem?id=2778 题意:给定m个模式串,问长度为n的字符串不包含这些模式串的有几种可能 分析:因为n很大,所以考虑矩阵ksm来解决,构造一个矩阵res[ ...

  10. c#学习笔记01——引用&类

    数据类型 值类型 bool 布尔值 True 或 False False byte 8 位无符号整数 0 到 255 0 char 16 位 Unicode 字符 U +0000 到 U +ffff ...