HTML中JavaScriipt的基本语法

前言

本章主要是学习JavaScript的基本理论知识以及简单使用,属于入门级别的难度,如果有错误,希望大神们提出来,一起学习.深入研究和扩展学习可以去官网,下面我们正式开始学习JavaScript.

1, 什么是JavaScript

• 所谓的JavaScript,其实就是一门广泛运用于PC端的脚本语言,是由Netspace公司设计的,当时正是和sun公司合作,所以起的名字和Java很像,但是,它们是两门完全不同的语言.不要混淆了.只是但是Java特别火,JavaScript借助了Java,快速被全世界记住,成为一门热门的语言.在后面的学习我们就将JavaScript简称为JS.
• JS的具体用途是什么
• 1,JS的用途很广,比如说:HTML的DOM操作(所谓的dom操作:即节点操作(所谓的节点操作:就是节点的增删改查操作)).
• 2, JS还可以增加网页的动态功能,比如:动画
• JS还能处理事件,比如:监听鼠标的点击,滑动以及键盘的输入等.

2, JavaScript的两种书写方式

• JavaScript有两种编写方式
• 1,JS的页内编程方式:即在当前网页的script标签中编写内容

• 2, 外部JS : 即在外部的script编写诶荣

 只需要在当前网页中导入外部的JS即可
 

3, 下面我们就来做几个例子

• 输出一个HelloWorld

        

    
        
        
        
        
    
    
        百度一下,你就知道了
    

  // 运行效果: 当打开浏览器的时候就会弹出一个弹框:提示"HelloWorld",当点击确定后,再点击按钮,就会弹出一个弹框,提示"Alex在学JavaScript".

• 2, 如何打印输出

        

    
        
        
        
    
    
        
    

// 本例重点 : console.log('需要单引号和分号');输出格式

• 3, JS中的基本数据类型

    
        
        
    
    
        
    

// 本例重点 :
1, typeof 打印真实类型,
2, 如何定义一个基本数据类型,

• 4, 如何拼接字符串

    
        
        
    
    
        
    

// 本例重点 : 当基本数据和string混合运算时的本质是什么?

• 5, JS中的数组

// 数组例子1:



    
        
        
    
    
        

    

注意:本例重点 :
1, 数组中的元素是以什么形式存在的?
2, 对象需要用单引号引用起来, 如果没有用单引号引用的,说明在数组外边已经定义过了,剩余的就是基本数据类型.
3, 如何动态获取到数组的长度.
(关于JS中的数组与OC中的数组的区别下面会介绍)

• 运行结果 :

Snip20160318_3.png

// 数组例子2:



    
        
        
    
    
        

    

• 运行结果 :

  
  
  

  Snip20160318_7.png

Snip20160318_16.png

• JS中的数组与OC中的数组的区别 ?

• 1, JS中的数组:元素可以是无序的,可以存储所有类型,但是OC中的数组:是有序的,只能存储相同类型的数据

• 2, JS中的数组:数组中还可以嵌套数组, 但是OC中的数组不能再嵌套数组

• 3, 动态计算数组的长度时,使用的属性不一样,JS中使用的是length,而OC中使用的是count.

• 4, JS中的对象是用单引号,而OC中的对象是双引号还有@符号

• 6, JS中的点语法

 var handsomeBoy = {
                name : 'Alex',
                age : 25
            }
            console.log(handsomeBoy.name);
            console.log(handsomeBoy.name + '#' + handsomeBoy.age);

• 7, JS中函数的定义

• 运行结果 :

Snip20160318_17.png

• 注意点 : 特别要注意匿名函数,不要忘记调用函数