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

JavaScript基础

时间:2015-07-03 18:59:00      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:

一、什么是JavaScript

    JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的、并具有安全性能的脚本语言

二、JavaScript的特点

  • JavaScript主要用来向HTML页面中添加交互行为
  • JavaScript是一种脚本语言,语法和Java类似
  • JavaScript一般用来编写客户端的脚本
  • JavaScript是一种解释性语言,边执行边解释

三、JavaScript的组成

    技术分享
  • ECMAScript是一种描述,规定了脚本语言的所有属性、方法和对象的标准,因此在使用Web客户端脚本语言编码时一定要遵循ECMAScript标准
  • BOM--浏览器对象模型,提供了独立于内容与浏览器窗口进行交互的对象,使用BOM可以实现与HTML的交互
  • DOM--文档对象模型,是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档

四、基本结构和执行原理

<script type="text/Javascript">
    <!--
      JavaScript语句;
    -->
</script>

 

技术分享
执行过程:
  1. 浏览器客户端向服务器发送请求:一个用户在浏览器的地址栏中输入要访问的页面(页面中包含JavaScript程序)
  2. 数据处理:服务器将某个包含JavaScript的页面进行处理
  3. 发送响应:服务器端将包含有JavaScript的HTML文件处理页面发送到浏览器客户端,然后由浏览器客户端从上至下逐条HTML标签和JS,并将页面效果呈现给用户
使用客户端脚本的好处:
  • 包含JavaScript的页面只要下载一次即可,这样能减少不必要的网络通信
  • JavaScript程序由浏览器客户端执行,而不是由服务器端执行,因此能减轻服务器端的压力

五、网页中使用JavaScript的方式

使用<script>标签
<script type="text/javascript">
    document.write("js代码");
</script>

 

使用外部JavaScript文件(推荐)
script src="js/test.js" type="text/javascript"></script>

 

直接在HTML标签中使用
<input type="button" name="test" value="Test" onclick="javascript:alert(‘Test‘);" />

六、JavaScript核心语法

1.变量的申明和赋值
    语法:var 合法的变量名
2.数据类型
  • undefined(未定义类型)----声明的变量未初始化
  • null(空类型)----用来检测某个变量是否被赋值
  • number(数值类型)----表示32位的整数,也可表示64位浮点数
  • string(字符串类型)----字符串
  • boolean(布尔类型)----true or false
3.typeof(变量或值)----判断某个变量或值为何种数据类型
4.常用运算符
    
类别 运算符号
算数运算符 +、-、*、/、%、++、--
比较运算符 >、<、>=、<=、==、!=
逻辑运算符 &&、||、!
赋值运算符 =
 
5.逻辑控制语句
//if else
if(表达式)
{
    //JavaScript语句1;
}
else
{
    //JavaScript语句2;
}
 
//switch
switch(表达式)
{
    case 值1:
        //JavaScript语句1;
        break;
    case 值2:
        //JavaScript语句2;
        break;
    case 值3:
        //JavaScript语句3;
        break;
       .......
    default:
        //JavaScript语句n;
        break;
}
 
//for循环
for(初始化;条件;增量或减量)
{
    //JavaScript语句;
}
 
//while循环
while(条件)
{
    //JavaScript语句;
}
 
//do while循环
do
{
    //JavaScript语句;
}while(条件)
 
//for-in循环
for(变量 in 数组)
{
    //JavaScript语句;
}
                        

 

6.常用的输入/输出
//警告
alert("提示信息");
//提示
prompt("提示信息","输入框的默认信息");

七、函数

1.系统函数
  • parseInt()----转换为整数
  • parseFloat()----转换为浮点数
  • isNaN()----检查是否为非数字
2.自定义函数
function 函数名(参数1,参数2,....)
{
    //JavaScript语句;
    [return 返回值]
}

 

3.匿名函数
var test = function(count)
{
    //JavaScript语句;
}

 

JavaScript基础

标签:

原文地址:http://www.cnblogs.com/MaskO1/p/javascript.html

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