html 20130820

Javascript:

JavaScript 是一种轻量级的编程语言。

 

JavaScript 是可插入 HTML 页面的编程代码。

 

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行

 

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript：

 

 

简单实例：

document.write("<h1>This is aheading</h1>");

向页面输出“<h1>This is a heading</h1>”翻译成html元素

 

点击“点击这里”按钮都会输出显示” Welcome!”

<button type="button"οnclick="javascript:alert('Welcome!')">点击这里</button>

<button type="button"οnclick="alert('Welcome!')">点击这里</button>

 

 

isNaN(X)：判断X是否为数字

 

 

·        JS 输出

Document.write();//直接输出

Document.getElementById(“id”).innerHTML=”内容”;

 

 

 

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

提示：您也可能看到不带有分号的案例。

在 JavaScript 中，用分号来结束语句是可选的。

 

 

 

JavaScript代码块(js方法)

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始，由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

下面的例子将运行可操作两个 HTML 元素的函数：

 

 

JavaScript对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

 

 

Javascript注释(三种)：

/**

    */块

    /*

    */

    //

 

 

变量定义：

格式：[var] 变量名称[ = 初值];

 

 

 

A===B：全等比较（值和类型）

&&

||都要短路

C=表达式1?值1:值2;

当表达式1的值为true时，c=值1；反之c=值2。

 

 

数组：

    //数组

格式一：

       var as = newArray(3);

       as[0] ="a";

       as[1] ="b";

       as[2] ="c";

       for(vari=0;i<as.length;i++){

           alert(as[i]);

       }

格式二：

       var ss =["BMW","Volvo","Saab","Ford"];

       for(vari=0;i<ss.length;i++){

           alert(ss[i]);

       }

       //JS异常

       try{

           aaaalert('aaa'); 

       }catch(err){

           alert(err);

       }

格式三：

var as = newArray("BMW","Volvo","Saab");

 

布尔：Boolean

日期和时间：Date

数学：Math

数字：Number

字符串：String

 

Document对象：

getElementById()	返回对拥有指定 id 的第一个对象的引用。	5	1	9	Yes
getElementsByName()	返回带有指定名称的对象集合。	5	1	9	Yes
getElementsByTagName()	返回带有指定标签名的对象集合。	5	1	9	Yes

动态添加行和列

EG：

function addrow(){//添加行

       var tb =document.getElementById("tid");//获取表格元素

       tds=tb.getElementsByTagName("tr")[0].getElementsByTagName("td");//获取表格中行的列数

       var tr1 =document.createElement("tr")//创建行

       for(vari=0;i<tds.length;i++){//创建行中的列

           var td1 =document.createElement("td");//创建列

           var tx1= document.createTextNode("列1");//创建列中文本元素

           td1.appendChild(tx1);//将文本元素添加到列中

           tr1.appendChild(td1);//将列元素添加到行中

       }

       tb.appendChild(tr1);//将行添加到表格中

    }

    functionaddcol(){//添加列

       var tb =document.getElementById("tid");//获取表格元素

       trs=tb.getElementsByTagName("tr");//获取表格中的所有行

       for(i=0;i<trs.length;i++){//为每一行添加一列

           var tri= trs[i];

           var td1= document.createElement("td");//创建列元素

           var tx1= document.createTextNode("列1");//创建文本元素

           td1.appendChild(tx1);//将文本元素添加到列元素中

           tri.appendChild(td1);//将列元素添加到行中

       }

    }