查找 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的基础知识,但也限制于初级水平,不涉及动态网页的高级技术,例如动态定位、动画制作或事件处理。尽管如此,教程的结构设计得如同参考手册,方便读者查阅和学习。 ...
- **标题**:“js 初级教程txt版”:表明这是一份针对JavaScript初学者的教程,且以TXT文本格式提供。 - **描述**:“这是一本javascript入门的书适合初学者。是TXT格式的。”:进一步强调该教程面向JavaScript新手...
2. **操作符与表达式**:JavaScript支持各种操作符,如算术操作符(+,-,*,/,%),比较操作符(==,!=,>,<等)和逻辑操作符(&&,||,!)。表达式是由操作符和值组成的结构,它们可以被计算并返回一个值。 3. ...
什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。
在这个"JS初级练习之cookie"的项目中,我们将深入探讨如何在网页中使用cookie来存储和检索用户信息。Cookie是一种在客户端(用户的浏览器)上存储小量数据的技术,它对于实现会话管理、个性化设置等功能非常有用。 ...
最后,JavaScript还有许多库和框架,如jQuery简化了DOM操作,React和Vue.js则提供了用于构建用户界面的组件化思维,Angular是一个全面的MVC框架。理解这些工具的使用方法和设计理念,将有助于你成为一名更高效的...
主要讲JS初级入门 从不懂到易懂得的过程 其中由for循环 while循环 if else的如何应用知识点 , 字符串的类型 数组创建 对象的概念 DOM对象 以及随机抽人事件 如何获取验证码等简单项目
"javascript初级笔记本第一季"是一份由cssrain总结的JavaScript基础知识讲义,旨在帮助初学者建立起坚实的JavaScript基础。以下是对这份讲义中可能涵盖的知识点的详细解析: 1. **变量与数据类型**:JavaScript是一...
### JavaScript初级教程知识点详解 #### 一、JavaScript概述 **JavaScript**是一种广泛应用于网页开发的脚本语言,它能够使网页更加生动、交互性更强。本教程旨在为初学者提供一个简单易懂的学习路径,帮助大家...
JavaScript(简称JS)是一种广泛用于前端开发的轻量级脚本语言,而C#则是一种面向对象的编程语言,常用于构建Windows桌面应用、游戏、服务端应用等。"js2c#"工具正是一个旨在帮助开发者将JavaScript代码转换为C#代码...
在本项目"js的初级运用项目--双色球"中,初学者将有机会深入理解并实践JavaScript的基础知识,包括循环、数组以及排序等核心概念。这些是任何JavaScript开发者必须掌握的基本技能,也是前端开发中的常见任务。下面...
114.javaScript的初步使用:其实和在html中引入css的做法类似,js的使用也分为内部使用和外部使用。 *js的内部使用,介绍已经说过了,js是和html结合用于更好的展现数据,原则上,js是可以写在html的任何标签体中的,...
HTML、JavaScript 和 CSS 是构建网页和...同时,不断探索新的特性和最佳实践,如 ES6 的新语法、Flexbox 和 Grid 布局系统,以及现代 JavaScript 框架如 React 和 Vue.js 的基本概念,将有助于提升你的前端开发技能。
本次串讲教案初级内容涵盖Web前端开发的多个基础知识点,接下来将按照教案内容逐一阐述。 首先,在Web页面制作基础这一部分,首先介绍了HTML的基本结构,包括HTML文档的声明、头部和主体部分。接着详细讲解了HTML中...
"JSEditor"就是这样一个专门为Eclipse设计的JavaScript开发插件,它旨在提供更高效、功能丰富的JavaScript代码编写环境。 JSEditor插件主要包含以下几个关键功能和特点: 1. **语法高亮**:JSEditor提供了对...
javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁...
"1+x 证书 Web 前端开发初级实操考试"是一个针对初学者设计的实践考核,旨在检验学习者在Web前端开发领域的基础技能和理解程度。这个考核可能包括HTML、CSS、JavaScript等核心技术的运用,以及对网页布局、响应式...
这份"web前端开发教材初级源代码.rar"压缩包提供了一套初级学习资源,旨在帮助初学者掌握基本的前端开发技能。下面我们将深入探讨这些模块及其在实际开发中的应用。 01. HTML基础 HTML(HyperText Markup Language...
2. **运行wast2js**:使用`wast2js`命令行工具,将`.wat`文件作为输入,生成对应的JavaScript文件。例如,如果你的`.wat`文件名为`my_module.wat`,命令可能是`wast2js my_module.wat > my_module.js`。 3. **集成...
首先,qrcode.js是由Davidshimjs开发的一个轻量级的JavaScript库,它允许开发者在浏览器环境中生成二维码。这个库简单易用,只需几行代码就能实现二维码的生成。在创建彩色或艺术二维码时,qrcode.js提供了自定义...