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 ...
随机推荐
- ERC20数字货币ProxyOverflow存在漏洞
ERC20的ProxyOverflow漏洞造成影响广泛,本文将对其攻击方法进行分析,以便于智能合约发布者提高自身代码安全性以及其他研究人员进行测试.本文选择传播广泛.影响恶劣的SMT漏洞(CVE-20 ...
- centos7 防火墙相关命令
启动:systemctl start firewalld禁用:systemctl stop firewalld重新载入规则:firewall-cmd --reload查看所有打开的端口:firewal ...
- 渗透测试的理论部分3——ISSAF的详细描述
ISSAF即信息系统安全评估框架(Information Systems Security Assessment Framework)是另外一种开放源代码的安全性测试和安全分析框架.为了解决安全评估工 ...
- spring的一个小例子(二)--解析前面的小例子
接上篇:http://www.cnblogs.com/xuejupo/p/5236448.html 首先应该明白,一个web项目,web.xml是入口. 然后下面来分析上篇博客中出现的web.xml: ...
- spring深入学习(三)-----spring容器内幕
之前都是说了怎么配置bean以及用法之类的,这篇博文来介绍下spring容器内幕. 内部容器工作机制 Spring中AbstractApplicationContext抽象类的refresh()方法是 ...
- python模块:logging
# Copyright 2001-2016 by Vinay Sajip. All Rights Reserved. # # Permission to use, copy, modify, and ...
- 多线程.Thread.Sleep方法
多线程执行中,调用Thread.Sleep()方法 分情况: 1. 单核的情况下 是把当前正在工作的主线程停止(也就是从把线程变成非工作线程). 其他需要工作的线程来争夺CPU这个闲下来的核.谁争夺到 ...
- python装饰器同时支持有参数和无参数的练习题
''' 预备知识: …… @decorator def f(*args,**kwargs): pass # 此处@decorator 等价于 f = decorator(f) @decorator2 ...
- 基于jmeter的性能测试平台(一)分布式jmeter搭建
(1)概述 一台windows虚拟机作为controller,3台Linux虚拟机作为agent. 第一步是在所有虚拟机上安装JDK,版本最好是一样的,然后就是下载安装jmeter,网上资料很多这里不 ...
- mac os 下 vs code 开发 .net core
1.软件下载 .net core 2.0 sdk: vs code 最新版: 2.用 dotnet 命令行 dotnet cli 创建项目 打开终端,创建这次项目的文件夹,mkdir Demo1: c ...