javascript

javascript语言：

　　DOM+BOM==JQuery(解决浏览器的兼容性||JQuery是三者的升级版);

　　

window.onload = function()
{
　　JS代码
}

js 语法：

　　命名规则：1.有意义；

　　　　　　　2.数字不能开头；

　　大小写： javascript区分大小写；

　　　　　　变量名 函数名 第一个单词小写 以后每个单词首字母大写

　　对象：　　每个单词首字母大写；

　　分号：　　功能执行语句 加分号；

　　　　　　　结构定义语句 不加分号；

　　注释       // 单行

　　　　　　/* */多行

一：

　　JS(javascript \ jscript \ vbscript \ java \ applet )

二：输出

　　alert(任何类型);

　　document.write("string");

三：如何在HTML文档中使用js

　　1.使用<script>...</script> 将js语法嵌入到HTML中,可以使用多个,每个直线都有关联

　　2.<a herf = "javascript:代码">...</a>

　　3.事件中使用

　　4.外部文件(.js) 调试方式：<script src = "文件位置">...</script>

变量

　　var a = 10; 声明

　　　　a = 20; 赋值

　　　　//变量声明后浏览器关闭才能释放，在没有关闭浏览器之前可以随时调用；

　　var 变量名 = 值；

　　　　//javaScript 是弱类型语言

数据类型

　　typeof(变量);

　　　　1.number (包括 int float double)

　　　　2.String (包括String char)

　　　　3.boolean

　　　　4.object (包括Object array null)

　　　　5.undefined  没有声明变量

　　整数

　　　　var a = 10;

　　　　var a = 045; 八进制

　　　　var a = 0xff; 十六进制

　　浮点数

　　　　var f = 10.5;

　　　　var f = 10.55;

　　　　var f = 10.5E + 10;

　　字符串

　　　　'...'  "..." 单引号与双引号没有区别

　　　　+ 连接两个字符串

运算符 表达式

　　算数运算符

　　赋值运算符

　　条件运算符

　　逻辑运算符

　　位运算符

　　其他运算符 ( ? :)

流程控制

　　顺序

　　条件--分支--选择

函数

　　function test()

　　　　　{

　　　　　　　　}

============================================

++++++++++++++++++++++++++++++++++++++++++++

============================================

DOM (Document object MOdel)

　　1.document 指的是 HTML XML文档

　　2.Object对象(HTML元素 转换成js对象)

　　使用js操作HTML文档，必须先将HTML转换成 js对象

　　　　a.操作属性(标记名称(多个)，id(唯一)，name(多个) )

　　　　　　document的三个方法；

　　　　　　var object = document.getElementsByTagName("标记名");

　　　　　　var object = document.getElementById("id名");

　　　　　　var object = document.getElementByName("name名");

                 var oText = document.getElementByid("id名称");
               //操作属性的方法
               第一：oText.value = "新的值";
               第二：oText["value"] = "新的值";
              //添加事件
             OText.onclick=function()
             {
　　　　　　··················
              }

　　　　b.操作内容

　　　　　　innerText 任何的文本 (IE)  textContent(FF)

　　　　　　innerHTML

　　　　　　outerText

　　　　　　outerHTML

　　　　     表单用value取值

　　　　c.操作样式

　　　　　　Object.style.backgroundColor = "red";//将HTML代码内的样式取出来

　　　　　　Object.currentStyle.backgroundColor = "red"//将JS文件内的样式取出来

　3.Model 

　　　　1.倒立的树 每个部分(元素 内容 属性 注释) 都是一个节点

　　　　2.只要知道一个节点，即可找到其他节点

　　　　　　父节点　　　　　　　　　　parentNode

　　　　　　子节点(第一个 最后一个)    childNodes  firstNode lastNode

　　　　　　兄弟节点(上一个 下一个)  　nextSidling  previousSibling

　　　　3. 找到节点

　　　　　　节点类型 nodeType 节点名nodeName 节点值nodeValue

　　　　　　每一个节点都拥有包含着关于节点某些信息的属性；

　　　　　　nodeName  (节点名称)

　　　　　　nodevalue (节点值)

　　　　　　nodeType  (节点类型)