JavaScript总结2

简介: 1JavaScript HTML DOM - 改变 CSS 如需改变 HTML 元素的样式,请使用这个语法: document.

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 onclick=”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

相关文章
|
JavaScript 前端开发 API
JavaScript数组API总结
JavaScript数组API总结
JavaScript数组API总结
|
JavaScript 前端开发
JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法
JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法
174 0
JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法
|
JavaScript 前端开发
JavaScript总结:let变量(弥补var的缺陷)
JavaScript总结:let变量(弥补var的缺陷)
134 0
JavaScript总结:let变量(弥补var的缺陷)
|
JavaScript 前端开发
JavaScript总结: javascript中使用var定义变量的变量提升问题
JavaScript总结: javascript中使用var定义变量的变量提升问题
123 0
JavaScript总结: javascript中使用var定义变量的变量提升问题
|
存储 前端开发 JavaScript
JavaScript总结:关于堆栈、队列中push()、pop()、shift()、unshift()使用方法的理解
JavaScript总结:关于堆栈、队列中push()、pop()、shift()、unshift()使用方法的理解
236 0
JavaScript总结:关于堆栈、队列中push()、pop()、shift()、unshift()使用方法的理解
|
JavaScript 前端开发 内存技术
JS入门到进阶知识总结(四)
JS入门到进阶知识总结(四)
JS入门到进阶知识总结(四)
|
JavaScript 前端开发 程序员
|
XML 移动开发 JavaScript
JS入门到进阶知识总结(二)
JS入门到进阶知识总结(二)
JS入门到进阶知识总结(二)
|
存储 JavaScript 前端开发
|
JavaScript
js之call() apply() bind() $proxy()的总结
由以上代码可以总结出: 1. foo.call()与foo.apply()原理是一样的,将foo函数的this指向指定的对象(或者表述为在指定对象的上下文环境中运行foo函数); 2. bind(obj)与$proxy(obj)不同的是他们返回的是一个新的函数,该函数的this执行指定的对象obj。
136 0
js之call() apply() bind() $proxy()的总结