js 初学者

JavaScriptHTMLCSS的区别   

1. HTML:提供网页的结构,提供网页中的内容

2. CSS: 用来美化网页

3. JavaScript: 可以用来控制网页内容,给网页增加动态的效果

 

 

JavaScript初体验(JavaScript的书写位置)

CSS:行内样式、嵌入样式、外部样式

A:写在行内

<input type="button" value="按钮" οnclick="alert('Hello World')" />

 

B:写在script标签中

<head>

<script>

alert('Hello World!');

</script>

</head>

 

C: 写在外部js文件中,在页面引入

<script src="main.js"></script>

注意点

引用外部js文件的script标签中不可以写JavaScript代码

 

 

语句

Javascript引擎所解释执行的一句代码

 

组成:

表达式、关键字

 

表达式:由一个或多个运算符以及一个或多个操作数组成的。 如:1+2

特点:以分号表示结束

 

console.log();

document.write();

alert();

 

习惯:一行只写一条语句

注意:严格区分大小写   XML 严格区别大小写

console.log();

console.Log();错误

 

 

 

什么是变量

就是内存中的一段空间,用于保存程序运行过程中要用到的数据。就是存储数据的容器。

为什么要使用变量

使用变量可以方便的获取或者修改内存中的数据

什么是变量名

内存空间的一个别名,为了方便记忆。即变量的名字。

如何使用变量 到内存中开辟一段空间用于保存数据

 

语法:var 声明变量

 

变量的赋值

将数据保存进变量

运算符:= 赋值运算符

语法:

变量名=;

var name;

name="张无忌";

var name = "张无忌";

初始化:声明变量并赋值

var 变量名称=;

 

注意:没有被赋值的变量自动取值为undefined

var  name ;

 

var name;

var age;

var hobby;

 

一条语句中声明多个变量:

var name,age,hobby;

var name="张三丰",age=30;

 

 

变量名命名规范

不允许使用关键字以及保留关键字命名

标准关键字:

eg : var , function , if , for ,true,false ...

保留关键字:

class,int,float,double ... ...

命名规范

    a、可以包含字母、数字、下划线 _$

b、不能以数字开头

var name;

var name1;

var 1name;错误

c、不允许重复

d、尽量见名知意

 

 

变量使用注意问题

1、未初始化变量的使用

var age;

只定义未赋值,值为undefined

未定义,使用,错误,not defined

2、在可能的情况下,声明变量时尽量初始化

var age=10;

var name="张三";

var isHappy=true;

3、将变量的声明和赋值分开操作

var name;

var age;

name="";

age=18;

 

 

 

对变量进行的存取操作

1、设置变量的值(赋值,存)

 

var name="张三丰";//张三丰

name="张无忌";//张无忌

 

2、获取变量的值(取值)

var uname="张无忌";

console.log(uname);

 

var newName = uname;

uname : 取值操作(=右边使用)

newName : 赋值操作(=左边使用)

 

 

 

运算符     

1、算数运算符

+,-,*,/,%   算术运算符

%:取余(),计算两个数字相除后的  余数

5%2 结果为 1

3%5 结果为 3

 

 

%  运用

常用场合:

1、获取数字的最后一位

1234

1234%10=123 ... 4

1234%100 = 12 ... 34

 

2、判断奇偶性 或 判断 是某数字的倍数

58 % 2 结果是否为 0?

 

 

+

1、求和:数字类型的数值求和  

2"" +联用 ,作用是拼接        "1"+1=11  "a"+1=a1

"12"+25 结果为:1225

'12'+25 结果为:1225

 

 

 

 

原始类型 (基本类型)

1number 类型

数字

可以表示 32 (4字节)的整数,或64(8字节)的浮点数

浮点数:小数

 

var age;

age=12; //number

age=24.5;//number

 

2string 类型

字符串

一系列的文本数据

注意:赋值时,必须使用 " " ' ' 扩起

var name="张三丰";//string

var age = "12"; //string

 

特殊字符,可以通过转移字符实现

"Hello World"

console.log(""Hello World"");错误

 

 

     console.log("Hello World");

3boolean 类型

布尔

只表示 肯定() 或 否定()的数据

值:true() false()

使用场合:作为程序的条件(判断、循环)

在与 number 类型做运算时,true=1false=0

4null 类型

5undefined 类型

未定义

表示 不存在的数据

 

 

 

 

引用类型

Object 对象

Arraay

ArrayList

Person

转载于:https://www.cnblogs.com/nnnnmmmm/p/10436781.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值