文档章节

2014-06-29 Web-Front的学习(3)-----JavaScript基础

查封炉台
 查封炉台
发布于 2014/06/29 10:16
字数 1517
阅读 21
收藏 0

1.JavaScript的概述

1.Netscape公司开发的一种基于对象和事件驱动的脚本语言,并且可在所有主要的浏览器中运行 IE、Firefox,Chrome、Opera等各大浏览器中.
2.JavaScript 被设计用来向 HTML 页面添加交互行为,无需编译,可由浏览器直接解释运行,方便运行和维护.
3.JavaScript 是一种弱类型语言
4.JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展
  特点:
    交互性(它可以做的就是信息的动态交互)
    安全性(不允许直接访问本地硬盘)
    跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关)

2.JavaScript和Java的区别

1.JS是Netscape公司的产品,前身是LiveScript;Java是Sun公司的产品,现在是Oracle公司的产品。
2.JS是基于对象,Java是面向对象。
3.JS只需解释就可以执行,Java需要先编译成字节码文件,再执行。
4.JS是弱类型,Java是强类型。

3.JavaScript能够做什么

4.JavaScript语言的组成

  一个完整 JavaScript实现由以下3个部分组成

  •    核心(ECMAScript) 

  •    文档对象模型(DOM) 

  •    浏览器对象模型(BOM) 

5.如何实现JavaScript

三种与HTML结合方式:
  a.事件名="js代码".事件驱动。
  b.通过<script></script>标签引入
    <script type="text/javascript">
       var a= 1;
       document.write("a变量"+a);
    </script>
  c.通过外部js文件
    <script type="text/javascript" src="js文件"></script>
  由于Javascript是解释型语言,所以是按HTML的从上到下执行,有的时候将Javascript脚本放入头部的话,然后又操作body里的标签节点时,会出现一些问题.
  ***在哪里放置 JavaScript???
  页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。
  可以查看到W3C文档.***

6.JavaScript的基本语法

1.变量、函数、运算符区分大小写
2.变量是弱类型的,变量声明
    var a = 10;
    var b = true;
    var c = "hello"; 
    每行结尾的;可有可无,建议编写
3.两种类型的注释
    单行注释以双斜杠开头(//) 
    多行注释以单斜杠和星号开头(/*),以星号和单斜杠结尾(*/)

7.JavaScript的数据类型

1.JavaScript和Java一样存在两种数据类型
    原始值 (存储在栈Stack中简单数据)
    引用值 (存储在堆heap中对象)
2.5种原始数据类型
    Undefined、Null、Boolean、Number 和 String 
    JavaScript中字符串是原始数据类型
3.通过typeof运算符,查看变量类型
    所有引用类型都是object
4.通过instanceof 运算符解决typeof对象类型判断问题
5.区分 undefined 和 null 
    变量定义了未初始化/ 访问对象不存在属性 --- undefined
    访问的对象不存在 --- null
6.运算符(算术,比较,三元运算)
    ==只检查值,===检查值,还有类型。
    在JavaScript中null,false,0,'',undefined,NaN(not a number)都为假.
7.流程控制语句

8.JavaScript常用的对象介绍

Array对象
  1.定义数组
        var arr = new Array();
        var arrayx = new Array(2);  //2代表长度
        var array1 = new Array(5,6,8);  //代表有元素5,6,8.长度为3
        var array2 = [45,"68",78];  //定义数组存在45,"68",78元素。长度为3
  2.在超出长度后再进行赋值
  3.下标可以是字符串
  4.常用属性与方法length,concat(),join(),reverse(),sort(),pop(),push(),shift(),unshift()

String对象  
  var str1 = str.substr(1,2);    //从小标1开始,取两个字符串.
  var str2 = str.substring(1,2);  //取下标1-2的值

Number对象
   toString()方法:	
   var c=12 
   alert(c.toString(2));//十进制转二进制
   var c=“1100”; 
   alert(parseInt(c,2));//二进制转十进制
Date对象
  1.得到对象
  2.toLocaleString(),getFullYear(),
  3.动态时间
  <script>
      function showTime(){
         var date = new Date();
		 var hour = date.getHours();
		 var minute = date.getMinutes();
		 var second = date.getSeconds();
		 var showT= document.getElementById("showT");
		 hour = hour<10?"0"+hour:hour;
         second = second<10?"0"+second:second;
		 minute = minute<10?"0"+minute:minute;
		 showT.value = hour+":"+minute+":"+second;
		 //showT.value = date;
	  }
	  setInterval("showTime()",1000);
   </script>
   
RegExp对象正则表达式
  1.第一种方法
    var tel = new RegExp([0-9]{11});//11位数字
    例如	
	var r = new RegExp("[0-9]{11}");
	alert(r.exec("1391234567811"));
	alert(r.test(“1391234567811"));
  2.第二种方法  
    var tel = /^[0-9]{11}$/;
    var s=/^\S*$/;//0个或多个空白字符
    var reg = /^[0-9a-zA-Z_]{6,10}$/;用户名由6-10位字母或数字组成

  3.方法
    exec(),与match()调用相反
    “sssss”.match(/^[0-9a-zA-Z]{6}$/);//成功返回字符串,否则为null
    replace()方法的运用:
    例如:
	//所有数字替换为a 
	var reg  = /\d/g;
	alert("sds123".replace(reg,"a"));

9.JavaScript 函数的定义

方式一
function add(a,b){
      return a + b;
}
函数无需定义返回值,可以直接返回
方式二
var add = function(a,b){return a+b;}
方式三(不推荐使用)
var add=new Function('a','b','return a+b;‘);
方法的最后一个参数是函数体,之前是可变参数

10.JavaScript全局函数的使用

1.sNaN 检查某个值是否为数字
2.parseInt / parseFloat 解析字符串为整数 / 浮点数
3.eval 计算javascript字符串,并把它作为脚本代码来执行
  var result = eval("123+234");
  alert(result);
4.escape与unescape, encodeURI()与decodeURI()

知道更多...........

相关链接:最新W3C中JavaScript 教程



© 著作权归作者所有

共有 人打赏支持
查封炉台
粉丝 50
博文 56
码字总数 138491
作品 0
景德镇
程序员
私信 提问
分享51本关于JavaScript方面的学习书籍(免费下载)

分享51本关于JavaScript方面的学习书籍(免费下载) 1、JavaScript面向对象15分钟教程 2、原型、作用域、闭包的完整解释 3、Javascript面向对象特性实现(封装、继承、接口) 4、JavaScript面向...

邓剑彬
2012/12/02
1K
12
2014 年最火的 21 个 JavaScript 框架

下面,我们将会介绍 2014 年最火的 21 款 JavaScript 框架,专为前端开发者准备的哦:)众所周知, JavaScript 框架是 JavaScript 编程语言最棒的特性之一。 JavaScript 框架是预先编写好的 ...

lateron
2014/08/26
19.5K
52
HTML 5视频教程系列之JavaScript学习篇-何韬-专题视频课程

HTML 5视频教程系列之JavaScript学习篇—52816人已学习 课程介绍 HTML 5视频教程系列中JavaScript开发的基础知识讲解及学习。 课程收益 通过自学视频掌握HTML 5开发手机应用和手机游戏的技能...

pkutao
2015/02/10
0
0
为什么JavaScript是你应当学习的下一个(或第一个)编程语言

原文出处:dentedreality 译文出处:腊八粥 本文是翻译,版权归原作者所有 我已经被多次问到,如果我刚刚开始,我应当学习什么编程语言,答案一定是JavaScript,下面是为什么: 最简单的开发...

dentedreality
2014/12/02
0
0
分享35本关于PHP的学习书籍(免费下载)

分享35本关于PHP的学习书籍(免费下载) 1、PHP面向对象编程 2、PHP与MVC开发模式 3、PHP_面向对象教程(强力推荐) 4、Smarty php模板引擎 5、php_mysql_web_dbs 6、PHP_和_MySQL_WEB_开发_部...

邓剑彬
2012/12/01
469
4

没有更多内容

加载失败,请刷新页面

加载更多

阿里大规模数据中心性能分析

郭健美,阿里巴巴高级技术专家,目前主要从事数据中心的性能分析和软硬件结合的性能优化。CCF 系统软件专委和软件工程专委的委员。曾主持国家自然科学基金面上项目、入选上海市浦江人才计划A...

阿里云官方博客
24分钟前
0
0
Coding and Paper Letter(四十四)

资源整理。 1 Coding: 1.Rstudio2019年会“机器学习应用”的幻灯片,代码和数据 rstudio conf 2019 2.R语言包sparkxgb,Spark上XGBoost的R接口。 sparkxgb 3.自动SQL注入和数据库接管工具。 ...

胖胖雕
26分钟前
0
0
Ubuntu最新的主要操作系统放弃32位支持?

现在是2018年,2019年即将到来——64位处理器已经成为主流很长一段时间了。如果你仍然使用32位的电脑,那么是时候把它扔进垃圾箱了。 我为所有基于Linux的操作系统维护者感到自豪,他们有勇气...

Linux就该这么学
28分钟前
0
0
Fundebug发布Vue插件,简化BUG监控接入代码

摘要: 代码越短越好! 我们发布了fundebug-vue插件,可以简化Vue框架接入Fundebug的代码。 Vue如何接入Fundebug 1. 安装fundebug-javascript与fundebug-vue npm install fundebug-javascrip...

Fundebug
35分钟前
0
0
MySQL学习笔记之二

数据库的操作总结就是:增删改查(CURD),今天记录一下基础的检索查询工作。 检索MySQL 1.查询表中所有的记录 mysql> select * from apps;+----+------------+-----------------------+------...

凌宇之蓝
46分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部