查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素:
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
如需改变 HTML 元素的属性,请使用这个语法:
document.getElementById(id).attribute=new value
举例:
本例改变了 <img> 元素的 src 属性:
document.getElementById("image").src="landscape.jpg";
document.getElementById("p2").style.color="blue";
document.getElementById('p1').style.visibility='hidden';
document.getElementById('p1').style.visibility='visible';
document.getElementById("myBtn").onclick=function(){displayDate()};
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 和 onunload 事件可用于处理 cookie。
onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。
如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);
var element=document.getElementById("div1");
element.appendChild(para);
如需删除 HTML 元素,您必须首先获得该元素的父元素:
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
另一种:
var child=document.getElementById("p1");
child.parentNode.removeChild(child);
所有 JavaScript 数字均为 64 位
JavaScript 中的所有数字都存储为根为 10 的 64 位(8 byte),浮点数。
整数(不使用小数点或指数计数法)最多为 15 位。
小数的最大位数是 17,但是浮点运算并不总是 100% 准确:
如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,如果前缀为 0 和 "x",则解释为十六进制数。
绝不要在数字前面写零,除非您需要进行八进制转换。
数字属性和方法
属性:
MAX VALUE
MIN VALUE
NEGATIVE INFINITIVE
POSITIVE INFINITIVE
NaN
prototype
constructor
方法:
toExponential()
toFixed()
toPrecision()
toString()
valueOf()
getTime()getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。setFullYear()如何使用 setFullYear() 设置具体的日期。
var myDate=new Date()
myDate.setFullYear
(2014,3,6)
表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。
getDay()如何使用 getDay() 和数组来显示星期,而不仅仅是数字。var myDate=new Date() ;将日期对象设置为 5 天后的日期
var myDate=new Date()
myDate.setDate
(myDate.getDate()+5)
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
如何使用 concat() 方法来合并两个数组。arr.concat(arr2)
如何使用 join() 方法将数组的所有元素组成一个字符串。
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" arr.join() // George,John,Thomas arr.join(".") // George.John.Thomas 如何使用 sort() 方法从字面上对数组进行排序。arr.sort() 如何使用 sort() 方法从数值上对数组进行排序。
function sortNumber(a, b)
{
return a - b
}
arr.sort(sortNumber)
相关推荐
javascript初级教程.pdf
初学javascript时写的 为了积分拿来分享
网页换肤练习, 通过小练习,可以熟悉css布局 。
JS初级入门.pdf
JAVASCRIPT初级学习代码,适合初学者!
P2Javascript初级--讲义.zip
javascript入门教程 中+英文版
什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。
Three.js初级教程源码,在网上也有相应的教学网站,webGL技术的人门的好地方!
#学习资料# ThreeJS初级教程.rar
主要讲JS初级入门 从不懂到易懂得的过程 其中由for循环 while循环 if else的如何应用知识点 , 字符串的类型 数组创建 对象的概念 DOM对象 以及随机抽人事件 如何获取验证码等简单项目
本教程为未接触过 JavaScript 的读者提供了比较完善的初级知识,但只限于初级知识 JavaScript 是一种新的描述语言,此一语言可以被箝入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件 (如: form ...
JavaScript应用实例-刷宝初级.js
HTML+JS+CSS 初级教学 HTML+JS+CSS 初级教学 HTML+JS+CSS 初级教学
001-HTML中嵌入JavaScript代码的第一种方式 ...007-JS的局部变量和全局变量 007-JS的局部变量和全局变量 008-JS中的数据类型 014-null NaN undefined这三个值有什么区别 015-JS的常用事件-注册事件的两种方式
js简单的初级代码实现实时时间表 js简单的初级代码实现实时时间表 js简单的初级代码实现实时时间表 js简单的初级代码实现实时时间表
这是一本javascript入门的书适合初学者。 是TXT格式的。
javaScript-javascript-初级到高级-笔记.docx
一个欢迎页面的cookie运用练习, 通过代码注释, 希望朋友可以明名cookie的原理, 并灵活运用。
深入浅出Node.js。 很适合想对node.js有大致深入的了解的童鞋。 最后会跟着做出一个文件上传的例子。 如果装不了node.js,请下载我之前上传的 带nmp的node.js。