js初级课堂笔记

js简介

web的标准

结构 表现 行为    三者相分离

网景公司 sun公司

1. js发展

    JavaScript诞生于1995年,起初它的目的是--处理以前由服务器端负责的一些表单验证,当时的软件环境,
都是由服务器进行数据的验证等处理的。在那个年代走在最前端的网景(Netscape)
公司决定着手开发一种客户端验证的语言。 布兰登·艾奇 -- JavaScript之父

2.js概念

解释型的脚本语言,是一种动态类型、弱类型、基于原型的语言,支持隐式类

4.js语言特点

1、脚本编写语言
2、基于对象的语言
3、动态性
4、简单性
5、安全性
6、跨平台性

动态改变页面内容
动态改变页面的外观
验证表单数据
响应事件

5.js组成

DOM 文档对象模型
BOM 浏览器对象模型
ECMAScript 核心

6.引入方式

外部引入
<script type="text/javascript" src="路径"></script>

 内部引入
 页面头部( < head>里)或者尾部(<body>后面);
<script  type=" text/javascript">js内容</script>
</body> 之前

6.四种输出方式

警告对话框
    alert("你好");
输入对话框
    prompt("你好");
    例: var a = prompt("张三 "喜欢吃什么?");
   // 输入:凉皮
    alert(a);  //  凉皮
    
在控制台中打印出信息
    console.log("你好");
在页面中写入
    document.write("你好");
    例: document.write('<h1>我们今天学习"js"</h1>')
    document.write('<table border="1" width="100px"><tr><td>我们今天学习"js"</td></tr></table>');

    
包含在单引号/双引号中间的字符我们称作字符串



 + 号就是连接的意思

===================================

+号 字符串连接

字符串和数字相加 结果变成字符串

变量

var 变量名 = 变量值;

变量名的定义
命名规则(也就是起名的规矩):
 1.是以下划线(_)、美元符($)或者字母开头,不能是数字开头。
 2.可以是下划线(_)、美元符($)、字母或者数字组成。
 3.不能是关键字/保留字。
 4.区分大小写。

数据类型

number      数字类型
            表示整数或者浮点数(小数),另外还有一个特殊的值:NaN(Not a Number不是一个数字)

string      字符串类型 
            (用单引号'和双引号"包裹起来)

Boolean     布尔类型
            只有两个值,true(真的)或者false(假的) var a = true

undefined   未定义
            使用var声明了但是没有赋值  var a;

null        空类型,只有一个值null    var b = null;

object      复杂类型

isNaN 
isNaN 检测'是不是一个数字' 是数字 false  不是数字 true
alert(isNaN(123));// false

第二课

1.数值类型转换为字符串类型

String() 可以将数字转换为字符串

var a = 111; // number
var b = String(a); // string  "111"

2.字符串转换为数值型

Number() 可以将字符串转换为数字
var a = "111"; // string "111"
var b = Number(a); // number   111
a.数字字符串转化为数字的时候是数字
b.字母字符串转化为数字  是 NaN ,属于number类型
c.布尔类型true转化为数字  是 1
d.布尔类型false转化为数字  是 0

parseInt() 方法用于将其他的数据类型转化为整数
a.没有进行四舍五入,而是直接将小数部分忽略
b."123aaa" 只转化数字部分,不转化非数字部分
c. "a1b1c1" 前面是字母  直接转为NaN

3. 其他类型转换为布尔类型

Boolean() 可以将其他类型转换为布尔类型

var a = "冯宇凡"; // string  "冯宇凡"
var b = Boolean(a); // boolean  true

var c;  // undefined
var d = Boolean(c); // boolean false

a. 字符串里面有值,就为真 true
b.字符串里面没有值,就为真 false
c. undefined 类型转化为布尔值时 是false

4.常用运算符

算术运算符

+ 加法运算  
    如果是数值 -- 加法运算
    如果是两个true -- true 转化为数字 1 

- 减法运算
    隐式转化
        减法运算 把每一项都转换成数字类型Number
* 乘法运算
    隐式转化
        乘法运算 把每一项都转换成数字类型Number
/ 除法运算
    隐式转化
        除法运算 把每一项都转换成数字类型Number

% 取余运算 
    隐式转化
        取余运算 把每一项都转换成数字类型Number


i++ 先运算 再加1 
++i 先加1  再运算
i-- 先运算 再减1
--i 先减1  再运算

关系运算符
>       大于
>=      大于等于
<       小于
<=      小于等于
!=      不等于
==      相等
===     严格相等(值相等的同时判断类型一致)
!==     严格不相等


逻辑运算符
!       非运算符,表示取反
用于将布尔值变成相反值,即true变成false,false变成true对于非布尔值,去反运算符会将其转为布尔值;
式子1 && 式子2      与(且)运算符    全真则真,一假则假
||      或运算符        一真则真,全假则假
a.只要有一个条件为true时,结果就是true;
b.当第一个条件都为false时结果就是false;
c.当两个条件为true时,后面条件不再判断;

       短路“:如果第一个式子是真的,则返回第一个式子的值
      如果第一个式子是假的,则返回第二个式子的值

       ? :     三元条件运算符(也叫三目条件运算符) 
        式子1 ? 式子2 : 式子3;  1真为2   1假为3

赋值运算符

  =      直接赋值操作
 +=      运算减法之后赋值
 -=      运算减法之后赋值
 *=      运算*发之后赋值
 /=      运算除法之后赋值
 %=      运算取余之后赋值    

5.关系表达式

用关系运算符 按一定的规则连接起来的、有意义的式子称为关系表达式。
用关系运算符 >、>=、<、<=、!=、==、===、!== 有意义的式子称为关系表达式。

例:1<2
100>60

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值