`

JS初级感悟2

JS 
阅读更多

查找 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)

 

 

 

 

 

 

分享到:
评论

相关推荐

    JS初级练习之网页换肤

    在JavaScript(JS)初级练习中,网页换肤是一项常见的任务,它涉及到用户界面的动态变换,使得用户可以根据个人喜好选择不同的主题或样式。这个练习主要目的是帮助开发者掌握CSS(层叠样式表)布局以及JavaScript的...

    javascript初级教程

    总之,JavaScript是一门强大且多用途的编程语言,无论你是想成为前端工程师还是全栈开发者,这个初级教程都将是你开启JavaScript之旅的重要起点。结合提供的资源,系统学习并实践,你一定能在JavaScript的世界里...

    js 初级教程txt版

    - **标题**:“js 初级教程txt版”:表明这是一份针对JavaScript初学者的教程,且以TXT文本格式提供。 - **描述**:“这是一本javascript入门的书适合初学者。是TXT格式的。”:进一步强调该教程面向JavaScript新手...

    P2Javascript初级--讲义.zip

    2. **操作符与表达式**:JavaScript支持各种操作符,如算术操作符(+,-,*,/,%),比较操作符(==,!=,&gt;,&lt;等)和逻辑操作符(&&,||,!)。表达式是由操作符和值组成的结构,它们可以被计算并返回一个值。 3. ...

    JS初级入门.pdf

    本教程主要针对初级入门者,旨在介绍JS的基础知识。 1. **字符集与编码**:JavaScript采用Unicode字符集编码,这是因为Unicode能涵盖全球各种语言的字符,确保了代码的国际化。每个字符在JS中由两个字节表示,这是...

    #学习资料# ThreeJS初级教程.rar

    这个“ThreeJS初级教程”显然是为了帮助初学者入门这个强大的库而设计的。 在学习ThreeJS时,首先需要理解其基本概念。WebGL是一种JavaScript API,允许在HTML5 canvas元素中进行硬件加速的3D图形渲染。ThreeJS是对...

    JavaScript应用实例-刷宝初级.js

    JavaScript应用实例-刷宝初级.js

    Eclipse的JavaScript插件 JSEditor

    2. **代码自动完成**:JSEditor包含了一个智能的代码补全功能,当开发者键入代码时,它能预测并推荐可能的语句或函数,节省了大量手动输入的时间。这对于常用的JavaScript库和框架,如jQuery、AngularJS等,尤其有用...

    js的初级运用项目--双色球

    在本项目"js的初级运用项目--双色球"中,初学者将有机会深入理解并实践JavaScript的基础知识,包括循环、数组以及排序等核心概念。这些是任何JavaScript开发者必须掌握的基本技能,也是前端开发中的常见任务。下面...

    web前端初级.pdf

    本次串讲教案初级内容涵盖Web前端开发的多个基础知识点,接下来将按照教案内容逐一阐述。 首先,在Web页面制作基础这一部分,首先介绍了HTML的基本结构,包括HTML文档的声明、头部和主体部分。接着详细讲解了HTML中...

    HTML+JS+CSS 初级教学

    HTML、JavaScript 和 CSS 是构建网页和...同时,不断探索新的特性和最佳实践,如 ES6 的新语法、Flexbox 和 Grid 布局系统,以及现代 JavaScript 框架如 React 和 Vue.js 的基本概念,将有助于提升你的前端开发技能。

    js简单的初级代码实现实时时间表

    在本实例中,我们将探讨如何使用JS编写简单的初级代码来实现实时时间表。时间表通常需要显示当前日期和时间,并且随着时间的推移自动更新。以下是实现这一功能的关键知识点: 1. **变量和数据类型**: 在...

    Eclipse的JavaScript插件 JSEditor.7z

    "JSEditor"就是这样一个专门为Eclipse设计的JavaScript开发插件,它旨在提供更高效、功能丰富的JavaScript代码编写环境。 JSEditor插件主要包含以下几个关键功能和特点: 1. **语法高亮**:JSEditor提供了对...

    javascript 实例 搜集2 js 实例 贺岁霓虹灯

    javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁霓虹灯 javascript 实例 搜集2 js 实例 贺岁...

    wast2js将WebAssemblywat文件编译成一个公共的JS模块

    2. **运行wast2js**:使用`wast2js`命令行工具,将`.wat`文件作为输入,生成对应的JavaScript文件。例如,如果你的`.wat`文件名为`my_module.wat`,命令可能是`wast2js my_module.wat &gt; my_module.js`。 3. **集成...

    web前端开发教材初级源代码.rar

    这份"web前端开发教材初级源代码.rar"压缩包提供了一套初级学习资源,旨在帮助初学者掌握基本的前端开发技能。下面我们将深入探讨这些模块及其在实际开发中的应用。 01. HTML基础 HTML(HyperText Markup Language...

    1+X WEB前端开发初级教案.rar

    2. CSS样式设计:CSS(Cascading Style Sheets)用于控制网页的样式和布局。教程可能涵盖选择器、盒模型、布局技术(如流体布局、网格布局和Flexbox)、响应式设计以及CSS动画和过渡。 3. JavaScript基础:...

    这是个js编辑工具这是个js编辑工具这是个js编辑工具

    文件名为"1st+JavaScriptEditor"的压缩包可能包含一个初级或基础版的JavaScript编辑器项目,这可能是为了帮助初学者理解编辑器的基本构造和工作原理,或者是一个实际的编辑器软件的源代码,供开发者参考学习。...

    两个比较好用的Eclipse中javascript插件jsEditor jsEclipse

    总的来说,jsEditor和jsEclipse都是Eclipse中不可或缺的JavaScript开发工具,它们通过丰富的特性和服务,帮助开发者提高生产力,降低出错概率,使JavaScript编程更加轻松愉快。无论你是新手还是经验丰富的开发者,都...

Global site tag (gtag.js) - Google Analytics