JavaScript基础精讲

Posted 朱培

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript基础精讲相关的知识，希望对你有一定的参考价值。

---------------------------------------------------------------------------------------------------------------
[版权申明：本文系作者原创，转载请注明出处]
文章出处：http://blog.csdn.net/sdksdk0/article/details/51596213
作者：朱培
---------------------------------------------------------------------------------------------------------------

本文主要从javascript简介开始，分享Js语法、JS函数、BOM编程和DOM编程的相关知识。

一、JS简介

1.1 简介

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

1.2 组成部分

核心（ECMAScript） ：数据类型、语句、声明等；核心对象

文档对象模型（DOM） ：Document Object Model（XML DOM和HTML DOM）

浏览器对象模型（BOM）：BrowserObject Model（核心对象：window、location等）


1.3 编写方式

直接通过事件调用：

onClick="alert('hello');"

内部编写方式：

<script  type="text/javascript" >
    alert("hello good mi");
</script>

外部方式：

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

二、JS语法

2.1 基本语法

js的语法很多都与java差不多，但是又有所不同，值得一提的就是java和javascript是完全不同的两个概念，就像雷锋和雷锋塔一样。下面来看看常用的一些变量和数据类型。

·var 合法的变量名；

        变量名不能使用关键字。多个变量可以用逗号分隔。

      ·运算符号与Java中相同

      · if（表达式）{}

          else{}

      · for（初始化；条件；增量或减量）{}

      ·while（条件）{}

      ·switch(表达式)

          {case 常量值1：JavaScript语句；

            case 常量值2：JavaScript语句；

            default：JavaScript语句；}

       •类型：number/null/boolean/string/object/undefinde

       •类型转换：掌握parseFloat()和parseInt()函数。

       •重点定义函数：function 函数名（参数列表）{}

              注：也可以没有参数

              调用函数：事件名="函数名()"

               获取表单数据：document.表单名.表单元素名.value

示例：

<script type="text/javascript" >                                                                                                                          var v2="abc";
alert(typeof v2);
var v3=100;
alert(typeof v3);  //number类型
var v5=new Date();
alert(typeof v5);  //object类型                                                                                                                          </script>

2.2  数据类型

  • 变量、函数、运算符区分大小写。
  • 变量是弱类型的，var a=10;
  • 注释：//和/* */
  • 5种原始数据类型：Underfined、Null、Boolean、Number、String