## HTML 자바 스크립트 재단

HTML 자바 스크립트 재단

## 첫째, 무슨 일이 자바 스크립트입니다

자바 스크립트는 객체 기반 및 이벤트 기반 및 스크립트 언어의 안전 성능을 널리 브라우징 효과를 좀 더 부드러운 외관을 사용자에게 제공하기 위해, 동적 페이지의 다양한 기능을 추가하는 데 사용되는 웹 응용 프로그램 개발에 사용 된입니다 . 자바 스크립트 스크립트는 HTML에 포함 된 고유의 기능을 달성하기 위해 보통이다.

## 두, 자바 스크립트 기능 ((컨베이어 맵 데이터 유효성 검사를 애니메이션 서버의 압력을 줄이기 위해) 브라우저 이벤트는 적절한 읽기를하고 HTML 요소 탐지 방문자 브라우저 정보를 기록 )

  (1), (코드가없는 사전 컴파일 된) 해석 된 스크립트 언어입니다. 

  (2)는 주로 HTML 페이지 (표준 일반화 마크 업 언어에서 하나의 응용 프로그램) 대화 형 동작을 추가하는 데 사용됩니다. 

  3, 직접 HTML 페이지에 포함 할 수 있지만, 구조와 행동의 분리를 용이하게하기 위해 별도의 js 파일에 기록. 

  4, 대부분의 브라우저가 지원하는 크로스 플랫폼, 당신은 다양한 플랫폼에서 (등 윈도우, 리눅스, 맥, 안드로이드, 아이폰 OS,로) 실행할 수 있습니다.

## 세, 자바 스크립트 구성

## 설명 :

  ECMAScript를 : 자바 스크립트 기초 문법, 구문은 표준입니다

  BOM : 브라우저 개체 모델 : 브라우저 개체 모델

  DOM을 : 문서 객체 모델 : 문서 객체 모델

## 다른 스크립팅 언어 :

  자바 스크립트, 액션 스크립트, 플렉스

## 자바 스크립트를 매일 사용

  1, HTML 페이지에 포함 된 동적 텍스트. 

  2, 브라우저 이벤트에 응답. 

  3, HTML 요소를 참조하십시오. 

    4, 데이터가 데이터를 확인하기 위해 서버에 제출하기 전에. 

  5, 브라우저 정보 방문자 감지. 

  작성 및 수정을 포함, 6, 제어 쿠키. 

  7, 서버 기반 프로그래밍 기술 Node.js.
## 자바 스크립트의 원칙의 구현

자바 스크립트 방식으로 참조 ## 페이지

  1. <script>를 사용하여 태그

  < 스크립트 유형 = "텍스트 / 자바 스크립트" > 
  </ 스크립트 >

  2. 외부 JS 파일

  <! - 외부 JS 파일의 도입 -> 
    < 스크립트 유형 = "텍스트 / 자바 스크립트" SRC = "javascript.js" > </ 스크립트 >

  3. 직접 HTML 태그에

  < 입력 유형 = "버튼" = "메시지 상자" onclick을 = "자바 스크립트 : 경고 ( '에서 자바 스크립트 오신 것을 환영합니다')" >

## 넷째, 변수

  JavaScript的变量不同于Java中的变量声明,他们只有var 变量名=“”;

  “”双引号引起来的是字符串类型,没有引起来的是数值类型

   var a="Hello";
    var b,c,d=10;
    height=400;
    document.write(typeof(a.length)+"<br>");
    document.write(a.length);
    document.write(c+"<br>");
    document.write(d+"<br>");
    document.write(height);

##五、typeof运算符

  1,undefined:变量被声明后,但未被赋值.

  2,string:用单引号或双引号来声明的字符串。

  3,boolean:true或false。

  4,number:整数或浮点数。

  5,object:javascript中的对象、数组和null。

  document.write(typeof(b)+"<br>");
  alert("num1的数据类型是:"+typeof num1);

##六、数据类型

数据类型包括:

  ##基本数据类型:undefined    null   string   boolean   

  1,undefined:示例:var width;

    变量width没有初始值,将被赋予值undefined

  2,null:表示一个空值,与undefined值相等

  3,string:被单双引号引起来的就被称之为字符串类型

  4,boolean: 布尔类型,只有两个值,分别是true,false;

  5,number:实例:

    var num=123.68;

    var num1=123;

  这两个都是数值类型,只不过一个是浮点型,一个是整数型

  ##引用数据类型:

​     通常叫class 类 new Object(); new Date(); new String()

​     object

##七、数组的常用方法

更多方法可查阅JavaScrpt Array对象参考手册:http://www.w3school.com.cn/js/jsref_obj_array.asp

运算符:

##八、JavaScript函数

  parseInt();    将字符串转数字

  parseFloat();     将字符串转浮点数字

  普通函数

    function   函数名(){}

  匿名函数

    function (){}

  在匿名函数中,我们一般把匿名函数用一个var变量去接受,然后再去调用这个变量

##九、常用的输入/输出

  输出一般使用alert;输入使用prompt;但是后期不建议使用alert,在真实的开发中一般使用console.Log( )

  1,alert()【一般用在一些警告或者提示中】:

    alert("提示信息");

  2,prompt()

    prompt("提示信息", "输入框的默认信息");

##事件:

  1 事件源 :被监听的html 元素

​   2 事件: 某类动作 点击事件 鼠标移入事件 敲击键盘事件

​   3 事件与事件源绑定: 事件源上 注册事件

​  4 事件触发的响应行为: 事件触发后执行的代码 ---》一般进行封装

​   5 监听器 声音 针孔摄像头 为事件源安装 监听器 鼠标监听器 键盘监听器 处理方式 -----》函数

​   常用的事件

​   onload 某个页面或者图片被完成加载

  ​ onsubmit 表单提交时 触发该事件 事件源 是form

  ​ onclick 点击事件

​   onblur 清除焦点

​   onfocus 元素获得焦点

​   onchange 用户改变域的内容

​   onkeydown 某个键盘被按下

​   onmousemove 鼠标移动

추천

출처www.cnblogs.com/liurui-bk517/p/11084364.html