## HTML、JavaScriptの基礎

HTML、JavaScriptの基礎

##まず、JavaScriptは何です

JavaScriptはオブジェクトベースとイベント駆動型、およびスクリプト言語の安全性能を持って、広くブラウジング効果のより滑らかな外観をユーザーに提供するために、動的ページの広い範囲に機能を追加するために使用、Webアプリケーション開発のために使用されているあります。JavaScriptのスクリプトはHTMLに埋め込まれた独自の機能を達成するために通常です。

## 2、JavaScriptの機能は(サーバー上の圧力を減らすために(カルーセルマップデータの検証をアニメーション)、ブラウザのイベントは、適切な読み取りを行うとhtml要素検出訪問者のブラウザ情報を書き込みます

  1解釈スクリプト言語は、(コードがプリコンパイルされない)です。 

  2は、主にHTMLページ(標準一般化マークアップ言語の下にあるアプリケーション)へのインタラクティブな動作を追加するために使用されます。 

  3、直接HTMLページに埋め込むことができますが、構造と行動の分離を容易にするために、別のjsファイルに書かれました。 

  ほとんどのブラウザでサポートされている4、クロスプラットフォーム、あなたは様々なプラットフォームで(などのWindowsやLinux、Macの、アンドロイド、iOSの、など)を実行することができます。

## 3、 JavaScriptの組成

##説明:

  ECMAScriptのJavaScriptの基本的な文法、構文は標準です

  BOM ブラウザのオブジェクトモデル :ブラウザのオブジェクトモデル

  DOM ドキュメントオブジェクトモデル :ドキュメントオブジェクトモデル

##他のスクリプト言語:

  JavaScriptやActionScriptのは、Flex

## JavaScriptの日常的な使用

  1、HTMLページに埋め込まれたダイナミックテキスト。 

  2、ブラウザのイベントに応答します。 

  3、HTML要素をお読みください。 

    4、データはデータを検証するためにサーバーに送信される前に。 

  5、ブラウザ情報の訪問者の検出。 

  図6は、作成や変更などのクッキーを、制御します。 

  図7に示すように、サーバベースのプログラミング技術Node.js.
JavaScriptの##の原則の実装

JavaScriptの方法で参照##ページ

  1. <SCRIPT>タグを使用します

  < スクリプトタイプ= "テキスト/ javascriptの" > 
  </ スクリプト>

  2.外部JSファイル

  <! - 外部JSファイルの導入- > 
    < スクリプトタイプの= "テキスト/ JavaScriptを" SRC = "javascript.jsを" > </ スクリプト>

  3.直接HTMLタグに

  < INPUT タイプの= "ボタン" = "メッセージボックス" onclickの= "JavaScriptを:アラート( 'JavaScriptの歓迎')" >

##第四に、変数

  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