17.通过Ajax编程的核心有两点:
通过XMLHttpRequest发送异步请求
通过DOM动态加载服务器响应
18.访问XHTML元素
根据ID访问XHTML元素:
document.getElementById("a").innerHTML;
document.getElementById("b").value;
修改单元格的值:
tb.rows.item(row-1).cells.item(cel-1).innerHTML=document.getElementById("celVal").value;
table,table下的rows, 第几行,列,第几列
新增XHTML元素
创建或复制节点
document.createElement("div");
Node cloneNode(boolean deep):复制当前节点,当deep为true时,复制当前节点和后代节点,当deep为false时,仅复制当前节点
添加节点
appendChild(Node newNode)
insertBefore(Node newNode,Node refNode)
replaceChild(Node newChild,Node oldChild)
为列表框、下拉菜单添加选项
19.使用window对象
alert(),confirm(),prompt(),close(),focus(),blur,open()
使用定时器
<body onload="setTime();">
<span id="tm"></span>
<script type="text/javascript">
//定义定时器变量
var timer;
//保存页面运行的起始时间
var cur = new Date().getTime();
function setTime(){
//在tm元素中显示当前时间
document.getElementById("tm").innerHTML=new Date().toLocalString();
//如果当前时间比起始时间大于60秒,停止定时器的调度
if(new Date().getTime() - cur > 60 * 1000){
//清除timer定时器
clearInterval(timer);
}
}
//指定每隔1000毫秒执行setTime()函数一次
timer = window.setInterval("setTime();",1000);
</script>
</body>
20.事件处理机制
使用正则表达式截取空格
function trim(s){
return s.replace(/^s*/,"").replace(/\s*$/,"");
}
onblur,onchange,onclick,ondblclick,onfocus,onkeydown,onkeypress,onkeyup,onload,onmousedown,onmousemove,
onmouseout,onmouseover,onmouseup,onreset,onselect,onsubmit
使用attachEvent方法执行绑定
domObject.attachEvent("eventName",functionReference);
分享到:
相关推荐
2. **数据类型**:JS有七种数据类型,包括基本类型(Undefined、Null、Boolean、Number、String、Symbol、BigInt)和引用类型(Object)。其中,基本类型是按值访问,而对象类型是按引用访问。 3. **运算符**:JS...
Cocos2d-JS 是一款强大的游戏开发框架,专为创建2D游戏、交互式应用以及视觉效果设计而生。这个快速入门视频教程系列将引导初学者深入理解Cocos2d-JS,从基础概念到实际操作,一步步构建你的游戏开发技能。 首先,...
"JS基本入门材料"这个压缩包文件显然是为初学者设计的一份学习资源,旨在帮助他们理解并掌握JavaScript的基础知识。 首先,我们需要了解JavaScript的基本概念。JavaScript是一种解释型的、基于原型的、弱类型的脚本...
2. **HTML高亮展示**:jsdiff能够生成HTML格式的差异报告,其中高亮显示了变化的部分,便于阅读和理解。 3. **多种比较模式**:除了基本的字符差异,jsdiff还支持行级比较、块级比较,以及针对整段文本的比较。 4....
在本教程中,我们将深入探讨HandleBar.js的基本概念、语法以及如何在实际项目中应用。 1. **基本概念** HandleBar.js的核心理念是分离视图(View)和数据(Data),使得开发者能够独立地修改两部分而互不影响。它...
JavaScript最初的设计融合了C语言的基本语法、JAVA的数据类型和内存管理、Scheme的函数特性以及Self的原型继承机制,形成了独特的编程风格,结合了函数式编程和面向对象编程的特点。 随着JavaScript的普及,出现了...
FLV.js和FLV.min.js是JavaScript库,用于在Web浏览器中播放FLV(Flash Video)格式的视频内容。这些文件是开源项目,通常用于那些希望在HTML5环境下支持旧版FLV视频内容的网站。FLV是一种广泛应用于早期互联网视频的...
JavaScript是一种广泛应用于Web开发的弱类型、动态...如今,JavaScript已经成为了Web开发不可或缺的一部分,随着技术的发展,它还延伸到了服务器端(Node.js)、移动应用开发等领域,展现了其强大的生命力和灵活性。
首先,我们需要理解JavaScript的基本概念。JavaScript是一种广泛应用于Web开发的脚本语言,它可以直接在浏览器中运行,用于控制页面的行为,比如响应用户的交互,处理数据,以及像我们现在关注的——捕获和处理页面...
在本课程“Node.js 传智播客 第7天第2部分共2部分 共8天”中,我们将深入探讨Node.js技术栈的关键概念和应用。Node.js是一种基于Chrome V8引擎的JavaScript运行环境,它允许开发者使用JavaScript进行服务器端编程,...
2. Window对象:在浏览器环境中,JavaScript有一个全局的`window`对象,它代表了浏览器的窗口。几乎所有的浏览器全局属性和函数都挂载在`window`对象上。例如,`window.location`用于获取或设置当前页面的URL,`...
在本课程“Node.js 传智播客 第1天第2部分共2部分 共8天”中,我们将深入探讨Node.js这一强大的JavaScript后端开发框架。Node.js以其高效的非阻塞I/O模型和事件驱动架构,使得JavaScript得以在服务器端大展拳脚。这...
以上是JavaScript基础知识点的部分概述,理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践,可以深入探索更高级的主题,如AJAX、前端框架(如React、Vue)、Node.js后端开发等。
在本系列的第五部分,我们将深入探讨如何使用D3.js创建一个基本的柱状图。这个教程将帮助你理解D3.js的基本用法,以及如何通过它来呈现数据。 首先,我们需要理解柱状图的基本构成。在柱状图中,每个柱子代表一种...
2. **Prototype**:Prototype是另一个流行的JavaScript库,它为DOM操作提供了一套强大的工具,同时增强了JavaScript的对象模型。Prototype还引入了类(Class)的概念,使得面向对象编程在JavaScript中变得更加容易。...
《SpreadJS:实现单次打印部分工作表的深入解析》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它提供了一系列功能,使得在Web应用中创建、编辑和展示复杂的电子表格数据变得轻而易举。本...
**jsTree基本例子** jsTree是一款强大的JavaScript库,专门用于创建、操作和展示具有层级结构的数据,例如构建可交互的目录树或文件系统浏览器。它提供了丰富的API和各种主题,可以方便地集成到任何Web应用中,提供...
2. **React DOM**: React DOM是React库的一部分,它提供了与浏览器DOM交互的方法。当React组件的状态改变时,React DOM会计算出最小化的DOM更新,并应用到实际的HTML中,这个过程称为"reconciliation"。 3. **Babel...
在HTML中,JavaScript可以通过`<script>`标签引入,或者使用外部JS文件通过`src`属性链接。对于日历功能,我们需要掌握基本的DOM操作(Document Object Model),用来创建、修改和操作HTML元素。 日历组件通常包含...
在JavaScript中,获取域名部分是常见的任务,尤其是在处理URL相关的操作时。这涉及到对URL对象的理解和使用。本文将深入探讨如何使用JavaScript来提取URL的域名部分,并提供一个实际的示例来帮助理解。 首先,我们...