海阔天空

2020javaweb教程之Ajax效验用户名

固定值测试数据

<form action="reg" method="post">
    username : <input type="text" name="username" onchange="check(this)">
    <span id="sp"></span><br>
    password : <input type="password" name="password"><br>
    <input type="submit" value="注册">
</form>

通过数据库查询 数据

2020javaweb教程之Ajax

概述

AJAX 是一种在无需重新加载整个网页的情况下，能够实现局部更新的技术。

什么是ajax？

AJAX = 异步 JavaScript 和 XML。 (Asynchronized JavaScript And XML)

AJAX 是一种用于快速创建动态网页的技术。

AJAX工作原理

（更多…）

2020javaweb教程之JavaScript的json对象

json概述

json(JavaScript object notation)JavaScript对象表示，是一种轻量级的数据交换格式。

json语法：

[] ：表示数组
{} : 表示对象
” ” ：表示是属性名或字符串类型的值
: 表示属性和值之间的间隔符
,  表示多个属性的间隔符或者是多个元素的间隔符 （更多…）

2020javaweb教程之JavaScript的DOM2

DOM概述：

通过 HTML DOM,使用 JavaScript访问 HTML 文档的所有元素。

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）

浏览器加载 HTML 时,会将所有的 HTMl 标签封装成对象(标签对象),称为节点(Node),并悬挂在树状结构中

在HTML中，一切都是节点 （更多…）

2020javaweb教程之JavaScript的BOM1

1.window对象

window尺寸

innerWidth、innerHeight 浏览器窗口的内部宽高，不包括滚动条，菜单栏，工具栏。

//获取浏览器宽度
var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
//获取浏览器高度
var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;

屏幕的尺寸 （更多…）

2020javaweb教程之JavaScript正则表达式

正则表达式

语法：
var patt=/pattern/modifiers;

如：
var re=/\w+/;

修饰符：
修饰符用于执行区分大小写和全局匹配，默认区分大小写。

i：大小写不敏感
g：全局匹配
m：多行匹配，适用于文本域

方法：
（更多…）

2020javaweb教程之JavaScript字符串

创建字符串语法

var s=new String(s);
var s1=String(s);

返回值:

当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 String 对象，存放的是字符串 s 或 s 的字符串表示。

当不用 new 运算符调用 String() 时，它只把 s 转换成原始的字符串，并返回转换后的值。

属性：length

方法：
（更多…）

2020javaweb教程之JavaScript系统函数

弹窗

alert(“这是个弹窗”);

确认框

//确认框
var result=confirm("你要删除吗");
if(result){
	document.write("删除成功")
}else{
	document.write("取消删除")
}
 （更多…）

2020javaweb教程之JavaScript闭包以及函数回调

闭包

//闭包创建计数器

var add=(function(){

  var c=0;//局部变量

  return function(){//内部函数

     c+=1;//访问了外部自执行函数的局部变量

     return c+"<br>";//返回结果给add变量
		
  }
})();
 （更多…）

2020javaweb教程之JavaScript函数创建

函数的创建方式1

//定义函数
function add(a,b){
  return a+b;
}

//把值赋给变量
var adds=add(5,10);
//打印变量
document.write("函数返回值为"+adds);
 （更多…）