码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript的基本语法

时间:2015-07-29 17:11:12      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:javascript   基本语法   dom   

1.JavaScript与DOM的关系:
浏览器有渲染HTML代码的功能,把HTML源码在内存里形成一个DOM对象,就是文档对象。
浏览器内部有一个JavaScript的解释器/执行器/引擎。
在HTML里写一个JavaScript代码,JavaScript码被引擎所执行,而执行的结果就是对DOM的操作。
而对DOM的操作的结果,就是我们常看到的特效,如图片漂浮,文字变色。
JavaScript的宿主不仅是浏览器,也可以是服务器。

学习JavaScript主要分清:
(1).JavaScript语言本身的语法。
(2).DOM对象(把body,div,p等节点树看成一个对象)

(3).BOM对象(把浏览器的地址栏,历史记录,DOM等装在一个对象里。

2.

技术分享

3.命名规范:
JavaScript的变量名可以用_,数字,字母,$,组成,且数字不能开头。
声明变量用var 变量名 来声明。
var a = 34;
var b = 45;
alert(a+b);
console.log(a,b,a+b);
var $c = ‘world‘;
alert($c);
var $=‘jquery‘;
alert($);

注意:JavaScript中的变量是需要区分大小写。str和Str不是一个变量。
注意:不用var,会污染全局变量。

4.//js的变量类型
    var a = 23;//整数类型
    var b = 3.14;//浮点数类型
    var c = "hello";//字符串类型
    var d = ‘world‘;
    var e = true; //bool类型
    var f = null;//没有对象数据
    var g = undefined;//没有原申数据
    var h = {name:‘lisi‘,age:20};//关联数组,对象类型
    console.log(h.name);
    console.log(h[‘name‘]);

    var arr=[‘a‘,3,‘hello‘,true];//数组始终从0,1,2...开始递增
    console.log(arr);
    alert(arr);
    console.log(arr[2]);


5.//js中拼接运算符 "+"
    console.log(2+3);
    console.log(‘hello‘+‘ ‘+‘world‘);
    console.log(2+3+4+‘haha‘+5+6);//9haha56,一旦遇到非法数字后,后面的一律直接拼接。

    //js中逻辑运算,返回的是最早能判断表达式结果的那个值
    var a = false;
    var b = 6;
    var c = true;
    var d = (a||b||c);
    var e = (a||c);
    console.log(d);//6
    console.log(e);//true
    console.log(a&&b);//flase

6.JavaScript中的控制结构:

var arr = [‘赵‘,‘钱‘,‘孙‘,‘李‘];
    for(var i = 0 ; i < arr.length ; i++){
        console.log(arr[i]);
    }
    var obj = {
        name:‘lisi‘,
        age:29,
        area:‘bj‘
    };
    for(var k in obj){
        console.log(k+‘~‘+obj[k]+‘~‘+obj[‘k‘]);
    }
    /*运行结果
    name~lisi~undefined
    age~29~undefined
    area~bj~undefined
    */


版权声明:本文为博主原创文章,未经博主允许不得转载。

Javascript的基本语法

标签:javascript   基本语法   dom   

原文地址:http://blog.csdn.net/bluedream1219/article/details/47130233

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!