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 鼠标移动