首页 > 代码库 > javascript 学习总结 第一天

javascript 学习总结 第一天

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="http://www.mamicode.com/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

javascript 学习总结 第一天