1 什么是JavaScript？

是一种嵌入在网页中的程序段。
是一种解释型语言，被浏览器解释执行。
由Netscape发明，ECMA（欧洲计算机制造商协会）将其标准化。
JavaScript借用了Java的名字，但它和java没有关系。
出于安全性考虑，增加了JavaScript的限制
增强客户端的交互功能。
 
JavaScript与java的区别：
JS只在浏览器中执行，java可在各种平台上执行。
JS也有变量，常量，运算符，关键字，数据类型，语句等。
JS借用了Java的语法，其运算符和表达式与Java非常相似。
 
2 JavaScript能做什么？
可以使用JS添加、删除、修改网页上的所有元素及属性。
在HTML网页中动态写入文本。
响应网页中的事件，并做出相应处理。
可用于较验客户端提交的数据。
检测浏览器类型及版本。
    （判断浏览器类型：）
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title>跨浏览器编程</title>
  6.     <script type="text/javascript">
  7.         function browserType(even){
  8.             if(window.event){//判断是不是IE浏览器
  9.               document.getElementById('p1').innerHTML='IE';
  10.             }
  11.             else if(even){//判断是不是DOM兼容浏览器
  12.                document.getElementById('p1').innerHTML='DOM' ;
  13.             }
  14.         }
  15.  
  16.     </script>
  17. </head>
  18. <body>
  19. <button onclick="browserType(event);"> Hello JavaScript Event Object</button>
  20. <p id="p1">到底是什么浏览器呢</p>
  21. </body>
  22. </html>
处理Cookie.
 
3 JavaScript的技术体系
核心语言定义
原生对象和内置对象
BOM（浏览器对象模式）
DOM (文档对象模式)
事件处理模型
 
4 将JavaScript添加到XHTML文档中
 使用script元素在XHTML文档中直接嵌入JavaScript语句---方便
  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta charset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.  <script type="text/javascript">
  9.      alert("使用script元素在XHTML文档中直接嵌入JavaScript语句");
  10.  </script>
  11.  
  12.  </body>
  13.  </html>
 将JavaScript源文件通过<script>元素的src属性链接到XHTML文档---结构、表现、行为分离
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <script type="text/javascript" src="../js/two.js"></script>
  7. </head>
  8. <body>
  9. <form action="#" method="get">
  10.     <input type="button" value="点击" onclick="alertTest();">
  11. </form>
  12.  
  13. </body>
  14. </html>

在two.js里包含的脚本

  1. function alertTest(){
        alert("链接外部脚本");
    }
 脚本包含在XHTML事件处理程序性中，eg：onclick  ondblclick onkeydown ...
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <!--<script type="text/javascript" src="../js/two.js"></script>-->
  7. </head>
  8. <body>
  9. <form action="#" method="get">
  10.     <input type="button" value="点击" onclick="alert('脚本包含在XHTML中');">
  11. </form>
  12.  
  13. </body>
  14. </html>

5 JavaScript变量

JS中声明变量都用关键字var，并且JS区分大小写

弱类型，不一定要初始化

在声明变量时注意的一些小细节：

  1. 声明变量后 第一次给变量赋什么样类型的值，以后必须使用相同的类型
  2.  
  3. 当我们没有使用var 定义变量的时候 如果没有给变量赋值 就会报错 如果给它赋值了。 宿主环境 （浏览器）就把 认为一个 全局变量
  5. var  num;   当声明的变量未初始化时，值为undefined。
  1. 6 JavaScript数据类型
    6.1 原始数据类型   
  3.  typeof运算符
     typeof运算符有一个参数，即要检查的变量或值；
    在使用typeof运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，他都返回"Object";
    用另一个运算符instanceof来解决这个问题；
    eg
    var s=new String（'hello js'）；
    alert(s instanceof String);// 输出"true"
    这个需要开发者明确的指出对象为某特定的类型
–Undefined:
  1.  
•当声明的变量未初始化时，值为undefined。
  1.  
•当函数无明确返回值时，其调用结果也是undefined。
 
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <script>
  7.        function test(){
  8.          alert("1111");
  9.          return 1;
  10.          }
  11. //         var i = test(); //当函数无明确返回值时，其调用结果也是undefined。
  12. //           var i = test() ;// 先调用函数test 任何把返回值赋值为i   undefined
  13.         var i = test ; //是把函数test的地址赋值给了i;
  14.          alert(i);
  15.          alert(typeof (i));
  16.     </script>
  17. </head>
  18. <body>
  19. </body>
  20. </html>
–Null
  1.  
•值为null，null是从Undefined派生来的。因此null==undefined
  1.  
•null表示不存在的对象。
  1. var i = null;
  2.         alert(i);//null
  3.         alert(typeof (i));//object
–Boolean
  1.  
•true或false
  1.  
–Number
  1.  
•即可表示32位整数，也可表示64位浮点数。
  1.  
•Number.MAX_VALUE和Number.MIN_VALUE定义了上下限。
  1.  
•Number.POSITIVE_INFINITY和Number.NEGATIVE_INFINITY Infinity表示无穷大。isFinite()较验是否无穷大。无穷大返回false
  1.  
•NaN表示非数字，它与自身不相等。一般发生在类型转换失败时，isNaN()较验是否为数字。
  1.  
–String
  1.  
•可用单引号或双引号声明。

  1. 数据类型转换
parseInt()

  1. 从左到右依次解析 直到遇见解析的那个字符不是是数字， 则结束
parseFloat
  1. 从左到右依次解析 直到遇见解析的那个字符不是是数字，则结束， 从有效数字开始，只会出现一个小数点。
var a = parseInt("1234"); //返回1234
  1.  
var b = parseInt("abc"); //返回NaN
var b = parseFloat("012.23.45"); //返回12.23
 
强制类型转换有三种：Boolean(value)  Number(value)   String(value)
当要转换的值是至少有一个字符的字符串，非0数字或对象时，Boolean()函数返回true，如果该值是空字符串，数字0，undefined或null，将返回false；
  1. Number 转换的时候 是把 字符串当一个整体来转换；
    String 转换的时候 只需要调用作为参数传递进来的值的toString（）方法；
  2.  
  1.  6.2 引用数据类型
          原生对象
–由JavaScript提供，独立于浏览器的对象。
–Object,Array,String,Boolean,Number,Date,RegExp...
          内置对象
–也是一种原生对象，只是在使用时不需要初始化。
–Global,Math
         宿主对象
–与浏览器有关的对象。
–BOM,DOM
        自定义对象
 
  1. 数组对象：
Array 对数组的内部支持
Array.concat( ) 连接数组
Array.join( ) 将数组元素连接起来以构建一个字符串
Array.length 数组的大小
Array.pop( ) 删除并返回数组的最后一个元素
Array.push( ) 给数组添加元素
Array.reverse( ) 颠倒数组中元素的顺序
Array.shift( ) 将元素移出数组
Array.slice( ) 返回数组的一部分
Array.sort( ) 对数组元素进行排序
Array.splice( ) 插入、删除或替换数组的元素
Array.toLocaleString( ) 把数组转换成局部字符串
Array.toString( ) 将数组转换成一个字符串
Array.unshift( ) 在数组头部插入一个元素 
  1.  
 
 
 
 
 
 
 
 

JavaScript核心基础语法的更多相关文章

  1. JavaScript编程：javaScript核心基础语法

    1.javaScript核心基础语法: javaScript技术体系包含了5个内容:          1.核心语言定义:          2.原生对象和雷子对象:          3.浏览器对象 ...

  2. JavaScript的基础语法及DOM元素和事件

    一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...

  3. JavaScript的基础语法，你真的了解吗？

    这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分.如果掌握了某些细节也许会对代码的改善有着非凡的作用.也许会使我们的代码更严谨,更高效. 1.if语句的条件 if条件中,括号里是布 ...

  4. JavaScript 正则表达式基础语法

    前言 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当 ...

  5. JavaScript的基础语法

    对于Javascript的而言没有数据类型的全部都是通过var来定义创建的.比如: <!DOCTYPE html> <html> <head> <meta c ...

  6. JavaScript数据类型 —— 基础语法（2）

    JavaScript基础语法(2) 数据类型 js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object) ...

  7. JavaScript之基础语法

    第一章 javascript语法 一, js代码的引入 方式一:在html页写js代码 <script> alert('hello,world') </script> 方式二: ...

  8. 1.JavaScript 教程:基础语法

    简介: JavaScript web 开发人员必须学习的 3 门语言中的一门: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为 用法: (1)HTML 中的脚本 ...

  9. JavaScript面向对象基础语法总结

    1.Javascript的 对象(Object): //例子:var car = { , , }; 2.使用构造函数来创建对象. //例子: var Car = function() { ; ; ; ...

随机推荐

  1. 软件工程课堂练习&课下作业

    题目:返回一个整数数组中最大子数组的和.一.设计思路按顺序定义子数组的和,如果为负,则选下一位数为子数组的和,反之则两个相加为子数组的和.二.源代码 package test;import java. ...

  2. POJ2229 Sumsets

    Sumsets Time Limit: 2000MS   Memory Limit: 200000K Total Submissions: 19024   Accepted: 7431 Descrip ...

  3. QOpenGLFunctions的相关的使用(1)

    QOpenGLFunctions的使用 1.  QOpenGLFunctions  说明  QOpenGLFunctions 类提供了跨平台的OpenGl ES2.0 API版本. OpenGL 2. ...

  4. 基于MATLAB的腐蚀膨胀算法实现

    本篇文章要分享的是基于MATLAB的腐蚀膨胀算法实现,腐蚀膨胀是形态学图像处理的基础,腐蚀在二值图像的基础上做“收缩”或“细化”操作,膨胀在二值图像的基础上做“加长”或“变粗”的操作. 什么是二值图像 ...

  5. ubuntu-12.04.4-alternate-i386安装

    Ubuntu-12.04.4安装 0.网络配置环境: 1. 选择中文简体. 2.选择第一个,安装ubuntu . 3.询问是否安装所选择的语言版本,选择yes. 4.选择“否”默认键盘布局,选择 no ...

  6. spring处理线程并发

    http://www.open-open.com/bbs/view/1320130410702

  7. poj 3083 Children of th

    #include <iostream> #include<stdio.h> #include<string.h> using namespace std; int ...

  8. Apache中 RewriteCond 规则参数介绍

    RewriteCond指令定义了规则生效的条件,即在一个RewriteRule指令之前可以有一个或多个RewriteCond指令.条件之后的重写规则仅在当前URI与Pattern匹配并且满足此处的条件 ...

  9. Winform下的Combox根据值来选中项

    其实很简单,因为Combox的Item是一个K/V的object,那么就可以把它的items转换成IEnumerable<DictionaryEntry>类型的(System.Collec ...

  10. ArrayBlockingQueue源码解析（2）

    此文已由作者赵计刚授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 3.3.public void put(E e) throws InterruptedException 原 ...