`
AllenHU0320
  • 浏览: 85746 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS基本部分2

 
阅读更多

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);

分享到:
评论
1 楼 nanzai 2012-05-01  
19.使用window对象

//在tm元素中显示当前时间
      document.getElementById("tm").innerHTML=new Date().toLocalString();这句话中的代码应该改成
    document.getElementById("tm").innerHTML=new Date().toLocaleString();

相关推荐

    JS的基本语法

    2. **数据类型**:JS有七种数据类型,包括基本类型(Undefined、Null、Boolean、Number、String、Symbol、BigInt)和引用类型(Object)。其中,基本类型是按值访问,而对象类型是按引用访问。 3. **运算符**:JS...

    Cocos2d-JS 快速入门——视频(上部分)

    Cocos2d-JS 是一款强大的游戏开发框架,专为创建2D游戏、交互式应用以及视觉效果设计而生。这个快速入门视频教程系列将引导初学者深入理解Cocos2d-JS,从基础概念到实际操作,一步步构建你的游戏开发技能。 首先,...

    JS基本入门材料

    "JS基本入门材料"这个压缩包文件显然是为初学者设计的一份学习资源,旨在帮助他们理解并掌握JavaScript的基础知识。 首先,我们需要了解JavaScript的基本概念。JavaScript是一种解释型的、基于原型的、弱类型的脚本...

    jsdiff一个javascript的文本差异比较实现

    2. **HTML高亮展示**:jsdiff能够生成HTML格式的差异报告,其中高亮显示了变化的部分,便于阅读和理解。 3. **多种比较模式**:除了基本的字符差异,jsdiff还支持行级比较、块级比较,以及针对整段文本的比较。 4....

    HandleBar.js基本使用

    在本教程中,我们将深入探讨HandleBar.js的基本概念、语法以及如何在实际项目中应用。 1. **基本概念** HandleBar.js的核心理念是分离视图(View)和数据(Data),使得开发者能够独立地修改两部分而互不影响。它...

    JavaScript_1_JS基本语法.docx

    JavaScript最初的设计融合了C语言的基本语法、JAVA的数据类型和内存管理、Scheme的函数特性以及Self的原型继承机制,形成了独特的编程风格,结合了函数式编程和面向对象编程的特点。 随着JavaScript的普及,出现了...

    flv.js和flv.min.js和基本使用demo(附带js文件)

    FLV.js和FLV.min.js是JavaScript库,用于在Web浏览器中播放FLV(Flash Video)格式的视频内容。这些文件是开源项目,通常用于那些希望在HTML5环境下支持旧版FLV视频内容的网站。FLV是一种广泛应用于早期互联网视频的...

    JavaScript_1_JS基本语法.pdf

    JavaScript是一种广泛应用于Web开发的弱类型、动态...如今,JavaScript已经成为了Web开发不可或缺的一部分,随着技术的发展,它还延伸到了服务器端(Node.js)、移动应用开发等领域,展现了其强大的生命力和灵活性。

    js实现网页特定部分截屏或打印.zip

    首先,我们需要理解JavaScript的基本概念。JavaScript是一种广泛应用于Web开发的脚本语言,它可以直接在浏览器中运行,用于控制页面的行为,比如响应用户的交互,处理数据,以及像我们现在关注的——捕获和处理页面...

    node.js 传智播客 第7天第2部分共2部分 共8天

    在本课程“Node.js 传智播客 第7天第2部分共2部分 共8天”中,我们将深入探讨Node.js技术栈的关键概念和应用。Node.js是一种基于Chrome V8引擎的JavaScript运行环境,它允许开发者使用JavaScript进行服务器端编程,...

    js 基本概念

    2. Window对象:在浏览器环境中,JavaScript有一个全局的`window`对象,它代表了浏览器的窗口。几乎所有的浏览器全局属性和函数都挂载在`window`对象上。例如,`window.location`用于获取或设置当前页面的URL,`...

    node.js 传智播客 第1天第2部分共2部分 共8天

    在本课程“Node.js 传智播客 第1天第2部分共2部分 共8天”中,我们将深入探讨Node.js这一强大的JavaScript后端开发框架。Node.js以其高效的非阻塞I/O模型和事件驱动架构,使得JavaScript得以在服务器端大展拳脚。这...

    js基础知识点思维导图

    以上是JavaScript基础知识点的部分概述,理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践,可以深入探索更高级的主题,如AJAX、前端框架(如React、Vue)、Node.js后端开发等。

    D3.JS 基于javascript的图表展示库<五>-基本柱状图1

    在本系列的第五部分,我们将深入探讨如何使用D3.js创建一个基本的柱状图。这个教程将帮助你理解D3.js的基本用法,以及如何通过它来呈现数据。 首先,我们需要理解柱状图的基本构成。在柱状图中,每个柱子代表一种...

    javascript 的基本上所有的常用类库

    2. **Prototype**:Prototype是另一个流行的JavaScript库,它为DOM操作提供了一套强大的工具,同时增强了JavaScript的对象模型。Prototype还引入了类(Class)的概念,使得面向对象编程在JavaScript中变得更加容易。...

    spreadjs_单次打印部分工作表-demo.zip

    《SpreadJS:实现单次打印部分工作表的深入解析》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它提供了一系列功能,使得在Web应用中创建、编辑和展示复杂的电子表格数据变得轻而易举。本...

    jsTree基本例子

    **jsTree基本例子** jsTree是一款强大的JavaScript库,专门用于创建、操作和展示具有层级结构的数据,例如构建可交互的目录树或文件系统浏览器。它提供了丰富的API和各种主题,可以方便地集成到任何Web应用中,提供...

    react js基本文件.rar

    2. **React DOM**: React DOM是React库的一部分,它提供了与浏览器DOM交互的方法。当React组件的状态改变时,React DOM会计算出最小化的DOM更新,并应用到实际的HTML中,这个过程称为"reconciliation"。 3. **Babel...

    js 日历 js日历 例子 javascript日历

    在HTML中,JavaScript可以通过`&lt;script&gt;`标签引入,或者使用外部JS文件通过`src`属性链接。对于日历功能,我们需要掌握基本的DOM操作(Document Object Model),用来创建、修改和操作HTML元素。 日历组件通常包含...

    JS 获取域名部分

    在JavaScript中,获取域名部分是常见的任务,尤其是在处理URL相关的操作时。这涉及到对URL对象的理解和使用。本文将深入探讨如何使用JavaScript来提取URL的域名部分,并提供一个实际的示例来帮助理解。 首先,我们...

Global site tag (gtag.js) - Google Analytics