`

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)

 

 

 

 

 

 

分享到:
评论

相关推荐

    javascript初级教程.pdf

    本教程作为初级教程,旨在为初学者提供JavaScript的基础知识,但也限制于初级水平,不涉及动态网页的高级技术,例如动态定位、动画制作或事件处理。尽管如此,教程的结构设计得如同参考手册,方便读者查阅和学习。 ...

    js 初级教程txt版

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

    P2Javascript初级--讲义.zip

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

    Three.js初级教程,JavaScript 3D页面

    什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。

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

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

    JAVASCRIPT初级学习代码

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用的编程语言。它主要负责网页的动态化,赋予静态HTML页面交互性。作为初学者,理解JavaScript的基础至关重要,这将为你的编程之路打下坚实基础。 首先,...

    JS初级练习之cookie

    在这个"JS初级练习之cookie"的项目中,我们将深入探讨如何在网页中使用cookie来存储和检索用户信息。Cookie是一种在客户端(用户的浏览器)上存储小量数据的技术,它对于实现会话管理、个性化设置等功能非常有用。 ...

    javascript初级笔记第二季

    最后,JavaScript还有许多库和框架,如jQuery简化了DOM操作,React和Vue.js则提供了用于构建用户界面的组件化思维,Angular是一个全面的MVC框架。理解这些工具的使用方法和设计理念,将有助于你成为一名更高效的...

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

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

    js初级教程(好学易懂)

    ### JavaScript初级教程知识点详解 #### 一、JavaScript概述 **JavaScript**是一种广泛应用于网页开发的脚本语言,它能够使网页更加生动、交互性更强。本教程旨在为初学者提供一个简单易懂的学习路径,帮助大家...

    js2c#-js转换c#代码

    JavaScript(简称JS)是一种广泛用于前端开发的轻量级脚本语言,而C#则是一种面向对象的编程语言,常用于构建Windows桌面应用、游戏、服务端应用等。"js2c#"工具正是一个旨在帮助开发者将JavaScript代码转换为C#代码...

    javaScript-javascript-初级到高级-笔记PDF

    114.javaScript的初步使用:其实和在html中引入css的做法类似,js的使用也分为内部使用和外部使用。 *js的内部使用,介绍已经说过了,js是和html结合用于更好的展现数据,原则上,js是可以写在html的任何标签体中的,...

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

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

    1+x 证书 Web 前端开发初级实操考试.zip

    "1+x 证书 Web 前端开发初级实操考试"是一个针对初学者设计的实践考核,旨在检验学习者在Web前端开发领域的基础技能和理解程度。这个考核可能包括HTML、CSS、JavaScript等核心技术的运用,以及对网页布局、响应式...

    【1+X Web前端开发初级 】样题二(理论+实操).zip

    【1+X Web前端开发初级】样题二涵盖了理论与实操两大部分,旨在测试学习者在Web前端开发领域的基础知识和实践能力。这个压缩包包含了三个文件:`Web前端开发初级实操考试_V1.0.docx`、`Web前端开发初级理论考试_V1.0...

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

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

    JavaScript解释器js.js.zip

    js.js 是一个用 JavaScript 编写的 JavaScript 解释器 Instead of trying to create an interpreter from scratch, SpiderMonkey is compiled into LLVM and then emscripten translates the output into ...

    threejs_opengl_javascript_js_ThreeJS_3d_

    2. "three.module.js" - 这是为模块化JavaScript(如ES6模块)准备的Three.js版本,可以更好地与其他现代JavaScript代码集成。 3. "three.min.js" - 这是Three.js的压缩和优化版本,适用于生产环境,因为它具有较小...

    JavaScript应用实例-adb5037常用命令.js

    JavaScript应用实例-adb5037常用命令.js

    JS和HTML和JAVAScript写简单的翻牌游戏小游戏 .html

    JS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML...

Global site tag (gtag.js) - Google Analytics