您的位置：首页 > Web前端 > JavaScript

JavaScript-基础语法（1）

2014-11-24 18:43 232 查看

JavaScript概述

JavaScript是基于对象和事件驱动的脚本语言，主要应用于客户端

JavaScript特点：

1.交互性（信息动态交互）

2.安全性（不允许直接访问本地硬盘）

3.跨平台性（只要是可以解释JavaScript的浏览器都可以用，与平台无关）

JavaScript与Java的区别：

要明确的是，和Java一点关系没有

1.JS是基于对象（里面的内容都是对象），Java是面向对象（以面向对象的思想考虑解决问题）

2.JS只需解释就可以执行，Java需要先编译成字节码文件，再执行

3.JS是弱类型（搞一个空间想放什么放什么），Java是强类型（指每一种数据都定义好一种类型，并对定义好的类型，进行空间的划分，即指定的空间只能放相应的对象）

JavaScript与Html的结合方式：

以标签的方式融入Html中

1.JS代码存放在标签<script>中，js code...</script>

<strong><script type="text/javascript">//封装js代码
alert("Hello Javascript");
</script></strong>

2.当有多个Html页面使用到相同的JS脚本时，可以将JS代码封装到一个文件中，只要在script标签的src属性引入一个js文件（为了方便日后维护，扩展）

需要注意的是：如果在script标签中定义了src属性，那么标签中的内容就不会被执行，

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

ps:script标签早期属性是language，现在是type属性。

<strong><script type="text/javascript" src="js.js">//导入js文件
/*alert("Hello Javascript"); 不会显示，因为已经导入了js.js的JavaScript文件*/
</script></strong>

所以，通常在导入js文件都是单独<script>来完成。<script>可以写在html任意位置，但是要注意规范

JavaScript的语法：

通常高级程序设计语言所包含的语法内容：

1.关键字 2.标识符 3.注释 4.变量 5.运算法 6.语句 7.函数 8.数组 9.对象

js的关键字很多和java重复

js的变量：

需要使用到关键字var

<strong><script type="text/javascript">
var x = 1;//js是弱类型,且非严谨,有时候分号和var写与不写都行,但是要严谨规范
x = "abcd";//赋值字符串
x = 3.5123;//赋值小数,数字类型
x = true;//布尔型
x = 'a';//赋值字符串,js中不论单引和双引,都是字符串,单引可以套双引,双引可以套单引
alert("x = "+x);//函数,将具体的参数通过对话框进行显示
</script></strong>

运算符：

1.算数运算符 2.赋值运算符 3.比较 4.逻辑 5.位运算 6.三元

/*算数运算符*/

<strong> var x = 315;
alert(x/100);
var a = 1.8,b = 2.2;
alert(a+"+"+b+"="+(a+b));
alert("10"+1);//显示  101
alert("10"-1);//显示9,字符串10先变成整数后，再减1：一定注意+-
alert(true);//显示true，如果alert(true+1)，显示2
//在JS中，true默认为1,非0,非null;false默认0,或null
alert(2%5==0);//false</strong>

++，--等自增，自减运算，和Java的运算规则一样

/*赋值运算符*/

<strong> var a = 3;
a += 1;//a = a+1;JS不区分提升问题
a *= 2;
a /=3;
alert("a = "+a);</strong>

/*3.比较运算符*/

<strong>var a = 3;
alert(a == 3);//要么是true，要么是false
alert(a>=1);</strong>

/*4.逻辑运算符*/

var a = 3;
alert(a>3 && a<10);//建议使用双与。双或
alert(a>3 & a<10);//单&在JS中，是位云算符，1,0
alert(!a);//,false,a是3,是真，！真就是假
a = 0;
alert(!!a);

/*5.位运算符 & | ^ << >> >>> */

var a = 6;
alert(a&3);//2
alert(a^3^3);//6
alert(a>>2);
alert(a<<2);
alert(~a);

/*6.三元运算符？: */

var a = 3,b = 4;
a==b?alert(a):alert(b);//alert(a==b?a:b);

关于undefined

undefined可以确定一个具体值的类型

/*undefined:未定义，其实就是一个常量值*/
var x;
//alert(x);//undefined
//alert(x==undefined);//true
//要想获取其具体值的类型，通过typeof来完成
alert(typeof("abc"));// string类型
alert(typeof('x'));// string类型
alert(typeof(78));//number类型
alert(typeof(1.235));//number
alert(typeof(true)=="boolean");//boolean类型

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航