JavaScript和Ajax部分(2)
11、 DOM如何操作文档的标准节点?
1) 查看节点:使用getElementById(),getElementByName(),getElementByTagName可以查看HTML文档中的任何元素。
2) 创建和增加节点:创建节点要用到createElement(“标签名”),例如:createElement(“img”)。
3) 增加节点有三种方式:
appendChild(nodeName)向已经存在节点列表的末尾添加新的子节点。
insertBefore(newNode,oldNode)向指定的节点前插入一个新的子节点。
cloneNode(deep)复制某个指定的节点,deep是布尔值,当deep为true时,会复制指定的节点和所有子节点,当deep为false时,只复制指定的节点和它的属性。
4) 删除和替换节点:分别用removeChild(none),replaceChild(newNode,oldNode)。
12、 CSS样式表有哪几种?
内联样式表:内联样式表是混合在HTML标签里使用的。
内部样式表:内部样式表是放置在<head>标签内的,并且以<style type=”text/css”></style>来定义的。
外部样式表:外部样式表是一个独立的文件,文件里定义了各种各样的样式规定,方便被多个HTML文件使用。导入外部样式表有两种方法:
1)在页面中使用<link rel=”stylesheet” href=”style.css” type=”text/css”>标签来链接到外部样式文件。
2)在页面中使用@import方法导入外部样式文件。
13、 Javascript中String对象常用方法?
属性length的用法:字符串对象.length。
字符串对象常用方法:
tolowerCase() :把字符串转换为小写。
toUpperCase( ):把字符串转换为大写。
charAt(index) :返回在指定位置中的字符。
indexOf(字符串,index): 查找某个指定的字符串在字符串中首次出现的位置。
substring(index1,index2): 返回位于指定索引index1和index2之间的字符串,并且包括索引index1的位置,不包括index2对应的位置。
14、 文本框对象常用的方法和事件
事件:onblur:失去焦点,当光标离开某个文本框时触发。
onfocus:获得焦点,当光标进入某个文本框时触发。
onkeypress:某个键盘按键被按下并松开。
方法:blur:从文本框中移开焦点。
focus:在文本框中设置焦点,即获得鼠标光标。
select:选取文本域中的内容。
属性:id:设置或返回文本域的ID。
value:设置返回文本域的value属性的值。
name:控件的名称
制作文本输入提示特效,使用innerHTML属性动态改变层中的提示内容。
15、 正则表达式的概念
正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。
正则表达式作用:
1. 测试给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”);
2. 可以通过正则表达式,从字符串中获取我们想要的特定部分。
正则表达式的特点是:
1. 灵活性、逻辑性和功能性非常的强;
2. 可以迅速地用极简单的方式达到字符串的复杂控制。
3. 对于刚接触的人来说,比较晦涩难懂。
由于正则表达式主要应用对象是文本,因此它在各种文本编辑器场合都有应用,小到著名编辑器EditPlus,大到Microsoft Word、Visual Studio等大型编辑器,都可以使用正则表达式来处理文本内容。
16、 正则表达式有几种构造方式,分别是什么?
一种是普通方式 var reg = /表达式/;
一种是构造方式 var reg = new RegExp(‘表达式’,’参数’);
17、 RegExp对象使用什么方法匹配正则表达式?
test():检索字符串中指定的值,返回true或 false
exec():检索字符中是正则表达式的匹配,返回找到的值,并确定位置。
18、 用正则表达式写出HTTP的url格式
/^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$/
http://baike.baidu.com/view/94238.htm?fr=aladdin
19、 你是怎么理解Ajax的,什么是Ajax?
Ajax 的全称是Asynchronous JavaScript and XML,其中Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式。
Ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。
1) 使用CSS和XHTML来表示。
2) 使用DOM模型来交互和动态显示。
3) 使用XMLHttpRequest来和服务器进行异步通信。
4) 使用javascript来绑定和调用。
20、 实现AJAX异步调用需要哪些步骤
1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.
2) 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
3) 设置响应HTTP请求状态变化的函数.
4) 发送HTTP请求.
5) 获取异步调用返回的数据.
6) 使用JavaScript和DOM实现局部刷新.
JavaScript和Ajax部分(2)的更多相关文章
- 最新JavaScript、Ajax典藏级学习资料下载分类汇总 (2011年12月21日更新)
其他网站开发相关资料 超强HTML和xhtml,CSS精品学习资料下载汇总 最新htm ...
- 初识JavaScript,Ajax,jQuery,并比较三者关系
一.基本认识 1.JavaScript 定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态 ...
- JavaScript实现Ajax小结
置顶文章:<纯CSS打造银色MacBook Air(完整版)> 上一篇:<TCP的三次握手和四次挥手> 作者主页:myvin 博主QQ:851399101(点击QQ和博主发起临 ...
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...
- javascript版Ajax请求
什么是Ajax请求,Ajax也就是“Asynchronous JavaScript and XML”(异步JavaScript和XML),无刷新数据读取.能减少流量的消耗,也提高了浏览的流畅性,给用户 ...
- Javascript与Ajax
不使用jquery来处理ajax请求该怎么做? 首先要明确html中的某些数据需要从服务端获得,也就是客户端向服务端请求(request)数据,服务端就响应(response)这个请求,把客户端要的数 ...
- javascript进阶——Ajax
统的Web 页面和应用中,用户每点击页面上的某个部分,浏览器就会向服务器发出一个请求,等待服务器做出响应,然后返回一个完整新网页,但在大多数情况下用户不得不忍受页面闪烁和长时间的等待.随着Web技术的 ...
- Javascript and AJAX with Yii(在yii 中使用 javascript 和ajax)
英文原文:http://www.yiiframework.com/wiki/394/javascript-and-ajax-with-yii /*** http://www.yiiframework. ...
- javascript实现ajax
什么是 ajax ajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),也就是无刷新数据读取. http 请求 首先需要了解 htt ...
- JavaScript和ajax 跨域的案例
今天突然想看下JavaScript和ajax 跨域问题,然后百度看了一下,写一个demo出来 <!DOCTYPE html> <html xmlns="http://www ...
随机推荐
- 织梦dedecms后台文章搜索关键字,关键字包含文章内容的代码修改
1.织梦dedecms后台文章搜索功能在哪里找?织梦dedecms后台-->核心-->常用操作-->所有档案列表(或)织梦dedecms后台-->核心-->内容管理--& ...
- duilib窗口从任务栏恢复问题
关闭.最大最小化和恢复等消息由WM_SYSCOMMAND和OnSysCommand()进行处理,需要在HandleMessage()中添加处理.
- PHP安装+使用
curl -s http://php-osx.liip.ch/install.sh | bash -s 5.4 ...... Extracting usr/local/php5-5 ...
- LOJ-10091(强连通分量)
题目链接:传送门 思路: 多少头牛收到所有牛头牛的喜欢,喜欢具有传递性,所以将互相喜欢的牛视为一个点,就是有向图的 缩点,收到所有牛的喜欢要求这个“点”没有出度,所以缩点之后统计所有没有出度的点就是结 ...
- python提示AttributeError: 'NoneType' object has no attribute 'append'【转发】
在写python脚本时遇到AttributeError: 'NoneType' object has no attribute 'append' a=[] b=[1,2,3,4] a = a.appe ...
- sjms-2 创建型模式
设计模式分类 创建型模式(5种):工厂方法模式.抽象工厂模式.创建者模式.原型模式.单例模式结构型模式(7种):适配器模式.桥模式.组合模式.装饰模式.外观模式.享元模式.代理模式行为型模式(11种) ...
- 记一次Weblogic发布Springboot遇到的坑
项目使用的是Springboot,之前直接使用JAR包的方式发布,但在客户这边实施发布的时候,客户使用的容器是weblogic,版本为 10.3.6. 痛苦就此开始! 不过项目组还有另外一个也同样使 ...
- noip第28课资料
- vue数据更新UI不刷新显示解决方案
vue比较常见的坑就是数据(后台返回)更新了,但是UI界面并没有更新,常见于以下情况: 一.数据为数组时1.通过数组索引修改数组元素例如: 此时UI数据并不会刷新 2.修改数组长度时: 解决方案: 如 ...
- Collection类,泛型
Collection(接口) 所有超级接口: Iterable<E> 一.集合 1.集合的介绍&集合和数组的区别 什么是集合:java中的一种容器 什么是数组:java中的一种容器 ...