div滤镜结合ajax，实现登录
一：登陆页面
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT type=text/javascript>
/*
此方法用于程序中动态请求JS，并且浏览器可以缓存，以后不必再请求
*/
document.include = function (jsSrc,jsName,onLoadComplete,onLoadError) {
var head = document.getElementsByTagName("head")[0];
var scripts = head.getElementsByTagName("script");
for (var i = 0; i < scripts.length; i++) {
var src = scripts[i].src;
src=src.substr(src.lastIndexOf('/')+1);
if (src == jsSrc) {
return false;
}
}
var script = document.createElement("script");
script.language = "javascript";
script.id = jsName;
script.src = jsSrc;
script.defer = true;
script.onload=onLoadComplete;
script.onreadystatechange=function(){
if(this.readyState=="loaded"||this.readyState=="complete"){
onLoadComplete();
}
};
script.onerror=onLoadError;
head.appendChild(script);
return true;
}
/**
* 如何操作cookie
* 本类是用来封装操作cookie的方法
*/
var cookie=new Object();
// 读方法
cookie.getCookie=function(cookieName,defaultValue){
var lowerCookieName = cookieName.toLowerCase();
var cookieStr = document.cookie;
if (cookieStr == "")
{
return defaultValue;
}
var cookieArr = cookieStr.split("; ");
var pos = -1;
for (var i=0; i<cookieArr.length; i++)
{
pos = cookieArr[i].indexOf("=");
if (pos > 0)
{
if (cookieArr[i].substring(0, pos).toLowerCase() == lowerCookieName)
{
return decodeURIComponent(cookieArr[i].substring(pos+1, cookieArr[i].length));
}
}
}
return defaultValue;
}
// 写方法
cookie.writeCookie=function(cookieName, cookieValue, expires){
if (expires)
{ //指定了 expires
document.cookie = cookieName + "=" + encodeURIComponent(cookieValue) + "; expires=" + expires.toGMTString();
}
else
{
document.cookie = cookieName + "=" + encodeURIComponent(cookieValue);
}
}
/**
* cookie缓存对象
* 本类是用来封装一个在cookie中缓存的一个用户对象，该对象的字段都应该被缓存到cookie中，而且可以从cookie中读取以创建此对象
* 需要cookie类来支持cookie的操作
*/
userModel=function(){
var model=new Object();
this.get=function(name){
model[name]=cookie.getCookie(name,model[name]);
return model[name];
};
this.set=function(name,value){
if(!(model[name]==undefined))
{
model[name]=value;
cookie.writeCookie(name, value, null);
};
}
}
/*===================================入口================================================*/
function indexInit(){
// 自己根据ajax来得到要执行那句
if(false)
{
document.getElementById("layer").style.display="none";
}
}
</SCRIPT>
</HEAD>
<BODY onload=indexInit()>
<STYLE>
DIV.layer1 {
Z-INDEX: 10; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; TOP: expression(documentElement.scrollTop); HEIGHT: 100%
}
</STYLE>
<!--***************************************提示层********************************************-->
<DIV id=layer>
<!--遮蔽层1-->
<DIV class="layer1" style="FILTER: alpha(opacity = 80); moz-opacity: 0.8; opacity: 0.8">
<TABLE align=center name="btnTable">
<TBODY>
<TR><TD COLSPAN="2"><SPAN STYLE="COLOR:RED">状态信息:页面载入中...</SPAN></TD></TR>
<TR>
<TD><INPUT style="WIDTH: 60px" type=button value=重试 name=retryBtn></TD>
<TD><INPUT style="WIDTH: 60px" type=button value=取消 name=cancelBtn></TD></TR></TBODY></TABLE>
</DIV>
</DIV>
<!--***************************************显示数据层********************************************-->
<DIV id=loginDiv>
<TABLE cellSpacing=0 cellPadding=0 width=900 align=center border=0><TBODY>
<TR vAlign=top>
<TD><BR>
<P class="redAndBold">重要通知：</P>
<IFRAME id=newsFrame
src="newslist.htm" frameBorder=0 width=450
scrolling=no height=400></IFRAME><BR></TD></TR></TBODY></TABLE>
</DIV>
</BODY></HTML>
二：登陆页面引入的文件：newslist.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0044)http://news.etest.edu.cn/JLPT/1/newslist.htm -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT type=text/javascript>
function openNew(htm,width,height){
window.open(htm,'detail','scrollbars=yes,resizable=yes,width='+width+',height='+height);
return false;
}
</SCRIPT>
<META content="MSHTML 6.00.2900.3354" name=GENERATOR></HEAD>
<BODY>
<TABLE cellPadding=5 width=400 border=0>
<TBODY>
<TR style="FONT-SIZE: 12px">
<TD width=29> </TD>
<TD width=800>
<UL style="LINE-HEIGHT: 180%">
<LI><A onclick="javascript:openNew('news2.htm',640,550);"
href="http://news.etest.edu.cn/JLPT/1/newslist.htm#">2008年度日本语能力测试各考点领取准考证时间表
</A>( 2008-06-05 )
<LI><A onclick="javascript:openNew('news6.htm',640,550);"
href="http://news.etest.edu.cn/JLPT/1/newslist.htm#">关于8月8日海外考试网上报名系统暂停电话人工服务的通知</A>(
2008-08-06 ) <IMG src="newslist.files/new.gif" border=0>
<LI><A onclick="javascript:openNew('news0.htm',640,550);"
href="http://news.etest.edu.cn/JLPT/1/newslist.htm#">关于日本语能力测试报名截止时间及剩余名额释放的通知</A>(
2008-07-07 )
<LI><A onclick="javascript:openNew('news1.htm',640,550);"
href="http://news.etest.edu.cn/JLPT/1/newslist.htm#">关于定时释放日本语能力测试空余考位的通知
</A>( 2008-06-11 )
<LI><A onclick="javascript:openNew('news3.htm',640,550);"
href="http://news.etest.edu.cn/JLPT/1/newslist.htm#">2008年度日本语能力测试网上报名通知
</A>( 2008-05-30 )
<LI><A onclick="javascript:openNew('news4.htm',640,550);"
href="http://news.etest.edu.cn/JLPT/1/newslist.htm#">2009年起日本语能力测试将一年实施两次考试
</A>( 2008-05-16 )
<LI><A onclick="javascript:openNew('news5.htm',640,550);"
href="http://news.etest.edu.cn/JLPT/1/newslist.htm#">关于国家法定节假日期间暂停海外考试报名咨询电话人工服务的通知
</A>( 2008-03-25 ) </LI></UL></TD></TR></TBODY></TABLE></BODY></HTML>
div滤镜结合ajax，实现登录的更多相关文章
- 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列
AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. ...
- ajax 做登录 实现页面免刷新
结合之前学的知识,可以用ajax来传递数据,实现页面不用刷新,仅数据刷新,来看一下ajax是怎么来实现页面免刷新的 方的是客户端,圆的是服务器 如果没有ajax的话,客户端直接把数据传给服务器,服务器 ...
- ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- 使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- django 通过ajax完成登录
一. 在users/views.py中加代码: from django.http import HttpResponse class LoginView(View): ""&quo ...
- AJAX基本操作 + 登录 + 删除 + 模糊查询
AJAX练习显示页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...
- 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- 使用 jQuery Ajax 异步登录，并验证用户输入信息（maven）
使用 jQuery Ajax 异步登录,并验证用户输入信息(maven) 本篇内容: (1)上一篇是使用同步的请求实现登录,并由 Servlet 决定登陆后下一步做哪些事情,本篇使用 jQuery A ...
随机推荐
- (1)StringBuilder类和StringBuffer类 (2)日期相关的类 (3)集合框架 (4)List集合
1.StringBuilder类和StringBuffer类(查手册会用即可)1.1 基本概念 由于String类描述的字符串内容无法更改,若程序中出现大量类似的字符串时需要申请独立的内存空间单独保存 ...
- HDD + HDD(SSD) 多硬盘系统启动问题
一.问题描述 最近购一了款有预留msata接口的hp电脑,买回来开始折腾SSD和内存的问题,内存一次性就解决了:但SSD在安装过程中遇到三个问题,分别是: 无螺丝,无法固定固态硬盘(后在一个旧鼠标上弄 ...
- C++使用初始化列表提高效率（转）：
转自:http://www.cnblogs.com/graphics/archive/2010/07/04/1770900.html 何谓初始化列表 与其他函数不同,构造函数除了有名字,参数列表和函数 ...
- SDN2017 第一次实验作业
1. 安装mininet 从github上获取Mininet源码并运行安装脚本 $ git clone git://github.com/mininet/mininet $ ./mininet/uti ...
- 在Ubuntu Desktop中安装软件
1. 安装好虚拟机后,可以先打开firefox,看是否可以访问外部的网页. 2. 如果在公司内网,可能访问不起,需要添加代理,确保可以访问外部的网页. 3. 更新软件源 sudo apt update ...
- ajax执行失败原因
ajax 跳入error的一些原因 先放一个标准的jquery的ajax代码: $.ajax({ type: 'POST', url: 'getSecondClassification', data: ...
- 【转载】Caffe + Ubuntu 14.04 + CUDA 6.5 新手安装配置指南
洋洋洒洒一大篇,就没截图了,这几天一直在折腾这个东西,实在没办法,不想用Linux但是,为了Caffe,只能如此了,安装这些东西,遇到很多问题,每个问题都要折磨很久,大概第一次就是这样的.想想,之后应 ...
- 单片机C程序优化
单片机C程序优化 对程序进行优化,通常是指优化程序代码或程序执行速度.优化代码和优化速度实际上是一个予盾的统一.一般是优化了代码的尺寸,就会带来执行时间的增加:如果优化了程序的执行速度,通常会带来代码 ...
- 工程脚本插件方案 - c集成Python基础篇
序: 为什么要集成脚本,怎么在工程中集成Python脚本. 在做比较大型的工程时,一般都会分核心层和业务层.核心层要求实现高效和稳定的基础功能,并提供调用接口供业务层调用的一种标准的框架划分.在实际中 ...
- golden gate 加initial load 在rac 上的配置
前言goldengate 11g 在oracle 11g rac 上的配置 (源是rac+asm , 目标是单数据库实例) 源端: 1. 配置tnsnames [oracle@rac1 admin]$ ...