JavaScript总结2-白红宇

1JavaScript HTML DOM - 改变 CSS

如需改变 HTML 元素的样式，请使用这个语法：

document.getElementById(id).style.property=new style

例子 1

下面的例子会改变 p 元素的样式：

p id=”p2”Hello World!/p

script

document.getElementById(“p2”).style.color=”blue”;

/script

2.JavaScript HTML DOM 事件

例子 2

本例从事件处理器调用一个函数：

!DOCTYPE html

html

head

script

function changetext(id)

{

id.innerHTML=”谢谢!”;

}

/script

/head

body

h1 οnclick=”changetext(this)”请点击该文本/h1

/body

/html

3.JavaScript HTML DOM 元素（节点）

div id=”div1”

p id=”p1”这是一个段落/p

p id=”p2”这是另一个段落/p

/div

script

var para=document.createElement(“p”);

var node=document.createTextNode(“这是新段落。”);

para.appendChild(node);

var element=document.getElementById(“div1”);

element.appendChild(para);

/script

这段代码创建新的 p元素：

var para=document.createElement(“p”);

如需向 p 元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：

var node=document.createTextNode(“这是新段落。”);

然后您必须向 p元素追加这个文本节点：

para.appendChild(node);

最后您必须向一个已有的元素追加这个新元素。

这段代码找到一个已有的元素：

var element=document.getElementById(“div1”);

这段代码向这个已有的元素追加新元素：

element.appendChild(para);

4.JavaScript 对象

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数…

此外，JavaScript 允许自定义对象。

创建直接的实例

这个例子创建了对象的一个新实例，并向其添加了四个属性：

实例

person=new Object();

person.firstname=”Bill”;

person.lastname=”Gates”;

person.age=56;

person.eyecolor=”blue”;

5.JavaScript 字符串(String)对象

计算字符串的长度

document.write(txt .length)

为字符串添加样式

script type=”text/javascript”

var txt=”Hello World!”

document.write(“p Big: ” + txt.big() + “/p”)

document.write(“p Small: ” + txt.small() + “/p”)

document.write(“p Bold: ” + txt.bold() + “/p”)

document.write(“p Italic: ” + txt.italics() + “/p”)

document.write(“p Blink: ” + txt.blink() + ” (does not work in IE)/p”)

document.write(p Fixed: ” + txt.fixed() + “/p”)

document.write(“p Strike: ” + txt.strike() + “/p”)

document.write(“p Fontcolor: ” + txt.fontcolor(“Red”) + “/p)

document.write(“p Fontsize: ” + txt.fontsize(16) + “/p”)

document.write(“p Lowercase: ” + txt.toLowerCase() + “/p”)

document.write(“p Uppercase: ” + txt.toUpperCase() + “/p”)

document.write(“p Subscript: ” + txt.sub() + “/p”)

document.write(“p Superscript: ” + txt.sup() + “/p)

document.write(“pLink: ” + txt.link“www…..”) + “/p”)

/script

indexOf() 方法

var str=”Hello world!”

document.write(str.indexOf(“Hello”) + “br /”)

document.write(str.indexOf(“World”) + “br /”)

document.write(str.indexOf(“world”))

atch() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。

var str=”Hello world!”

document.write(str.match(“world”) + “br /”)

document.write(str.match(“World”) + “br /”)

document.write(str.match(“worlld”) + br /”)

document.write(str.match(“world!”))

6.字符串替换

var str=”Visit Microsoft!”

document.write(str.replace(/Microsoft/,”W3School”))

7返回当日的日期和时间

.JavaScript Date（日期）对象

document.write(Date())

getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

setFullYear()

var d = new Date()

d.setFullYear(1992,10,3)

document.write(d)

8.用 toUTCString() 将当日的日期（根据 UTC）转换为字符串

var d = new Date()

document.write (d.toUTCString())

var d=new Date()

var weekday=new Array(7)

weekday[0]=”星期日”

weekday[1]=”星期一”

weekday[2]=”星期二”

weekday[3]=”星期三”

weekday[4]=”星期四”

weekday[5]=”星期五”

weekday[6]=”星期六”

document.write(“今天是” + weekday[d.getDay()])

创建数组

var mycars = new Array()

mycars[0] = “Saab”

mycars[1] = “Volvo”

mycars[2] = “BMW”

for (i=0;i