一：登陆页面

<!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>&nbsp; </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，实现登录的更多相关文章

  1. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  2. ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列

    AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.   ...

  3. ajax 做登录 实现页面免刷新

    结合之前学的知识,可以用ajax来传递数据,实现页面不用刷新,仅数据刷新,来看一下ajax是怎么来实现页面免刷新的 方的是客户端,圆的是服务器 如果没有ajax的话,客户端直接把数据传给服务器,服务器 ...

  4. ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  5. 使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  6. django 通过ajax完成登录

    一. 在users/views.py中加代码: from django.http import HttpResponse class LoginView(View): ""&quo ...

  7. AJAX基本操作 + 登录 + 删除 + 模糊查询

    AJAX练习显示页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...

  8. 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  9. 使用 jQuery Ajax 异步登录，并验证用户输入信息（maven）

    使用 jQuery Ajax 异步登录,并验证用户输入信息(maven) 本篇内容: (1)上一篇是使用同步的请求实现登录,并由 Servlet 决定登陆后下一步做哪些事情,本篇使用 jQuery A ...

随机推荐

  1. MySQL 索引的介绍与应用

    Mysql索引 一. mysql 索引 索引是对数据库表中一列或多列的值进行排序的一种结构,使用索引可快速访问数据库表中的特定信息. 二:MySQL索引类型 按存储结构区分:聚集索引(又称聚类索引,簇 ...

  2. September 12th 2017 Week 37th Tuesday

    Failure is the fog through which we glimpse triumph. 失败是迷雾,穿过它,我们就可以瞥见光明. Sometimes the fog may be t ...

  3. Language-Directed Hardware Design for Network Performance Monitoring——Marple

    网络监控困难 1.仅仅通过去增加特定的监控功能到交换机是不能满足运营商不断变化的需求的.(交换机需要支持网络性能问题的表达语言) 2.他们缺乏对网络深处的性能问题进行本地化的可见性,间接推断网络问题的 ...

  4. 对于开发WEB方面项目需要的工具和技术了解

    1.IDE:Webstorm,JavaScript 开发工具. 2.版本管理系统:Git,独一无二. 3.单元测试:jsamine,前后端共用.Jasmine是我们梦寐以求的Javascript测试框 ...

  5. Oracle 空间查询, 数据类型为 sdo_geometry

    因网上搜索到的相关资料大部分都是关于sdo_geometry的介绍和以及通过sql语句添加要素,查询要素等等.没有找到存储过程相关的例子,所以只好自己动手啦. 准备 环境:windowsxp系统,安装 ...

  6. 死磕salt系列-salt文章目录汇总

    死磕salt系列-salt入门 死磕salt系列-salt配置文件 死磕salt系列-salt grains pillar 配置 死磕salt系列-salt 常用modules 死磕salt系列-sa ...

  7. 20145203盖泽双 《Java程序设计》第四周学习总结

    20145203盖泽双 <Java程序设计>第四周学习总结 教材学习内容总结 1.多个类中存在相同属性和行为时,将这些内容抽取到单独一个类中,那么多个类无需再定义这些属性和行为,只要继承单 ...

  8. 解决nodejs运行程序卡死之后，程序后台运行的问题

    查看node进程 ps aux | grep node 查出的结果如下 root 1660 0.0 1.5 885024 15892 tty1 Sl+ Mar11 0:00 node server.j ...

  9. python自动化之model进阶操作一

    联合索引 遵循最左前缀索引 verbose_name 会在表名后面加s verbose_name_plural 就是表的原始名称 元信息 class UserInfo(models.Model): n ...

  10. Rserve详解,R语言客户端RSclient【转】

    R语言服务器程序 Rserve详解 http://blog.fens.me/r-rserve-server/ Rserve的R语言客户端RSclient https://blog.csdn.net/u ...