javascript 学习总结 第一天

Posted 2020-09-25

javascript 基础知识

一.javascript的特点

1. 浏览器脚本语言,可以跟html代码进行混排

2. 跨平台性能优越,可以再windows.linux上进行编写

3. 安全性好

4. 兼容性好

二.javascrpt 有三大学习目标

1. 特效

2. 表单验证

3. ajax

三.javascript 基础语法

javascript使用场景有四种

1. script 标签

   <script type="text/javascript">

          alert(‘你好‘)  //alert在页面弹框中显示内容

   <script>

2. 外部引入script标签,需要src属性

   2.1 创建文件1.js

   2.2 在主html文件中通过script标签引入1.js特效文件

   <script type="text/javascript src="./1.js></script>

   // ./ 代表当前目录  有绝对路径和相对路径写法

 3. 元素事件属性

 <button onclick=‘func()>按钮</button>
   <script type="text/javascript">
    function func(){
        alert(‘按钮触发‘);
    }
    <script>

 通过点击按钮框,点击动作时onclick,触发了func()函数,实现alert()效果

 4.a标签 的href属性

  声明一个变量 var 变量名称  例如: var a = 1; 声明a变量是1

<a href="javascript:var a=10;var b=10;alert(a+b);"  >连接</a>

四.变量是声明

1. 变量的声明可以由字母数字下划线组成

2. 首字母是不能为数字的

3. javascript是非常严格区分大小写的

4. 并且不能关键字,这里的关键字指例如不能使javascript内置函数名称

五.注释

注释过的内容,在最终网页显示上是看不到的,便于给开发人员观看代码说明,也利于其他人员观看,可以通过查看网页源代码进行观看

单行注释 // 内容

多行注释 /* 内容 */

六.数据类型

1. 数据类型的分类

 boolean(布尔型)  string(字符串型) number(数字类型) object(对象) function  undefined

 number数字类型,在php中有整形和浮点型,在javascript中统称为数字类型,所以nember类型即包含整形也包含浮点型,还有一个特殊的NaN, 没有数值.

NaN和任何一个数值运算得到的值都是NaN.

任何数值和NaN进行比较的时候,返回结果都是false.(!=  和!==)返回的结果是true

检测一个值是否是NaN的时候,可以使用isNaN函数

oject对象 ,包含newObject.newArray,null

七.数据类型转换

1. 数据类型转换分为 强制类型转换 和 自动类型转换

   1.1强制类型转换:

   转换数字有三种

   parseInt:如果是纯数值的话,返回的直接是数字类型的值,

   如果首字母是数字,则截取到第一个不是数字之前的数字返回

   如果首字母不是数字,返回NaN

   parseFloat:转换规律和parseInt一致

   Number:纯数字转化为纯数字,如果中间有非数字,则直接返回NaN (true = 1 false = 0)

   1.1转换为字符串

    通过string进行字符串转换,例如   string(123)  转换后‘123‘

   1.3 转换为布尔  Boolean

  2.1自动类型转换 主要if() 括号内内容会进行自动转换true和false

  NaN 意思是note a number,检测是不是NaN类型 isNaN

  有数字和字母组成的字符串,转换成int,只去数字阶段

   如:var a=‘200abc‘;

    var z = parseInt(a);

    z=200   parseFloat 同理

  转换为false的情况

  0,0.0,‘‘,‘0‘,null,new Array(),undefined,NaN,false,function(){}

 

八.运算符

  主要内容:算数\赋值\比较\逻辑\位\其他\字符串连接(+)

  在php中字符串连接用.

  在javascript字符串连接用+

  如 100+‘200‘   等于的结果是10200

  100+200 等于的结果是300

  100+200+‘300‘ 结果是300300

  ‘10‘+(2+1); 结果是103 先算括号里面的

九.流程控制

    if(){}

    else if(){}   在javascript中else if中间要有空格

    switch ()  检测值相等,才能执行

十.循环结构

    1.for

    2.while

    3.do...while

    4.break

    5.continue

本文出自 “苦逼php” 博客，请务必保留此出处http://haibobo.blog.51cto.com/4799843/1941971