起始预定义函数

 function $(obj)

 {

     return document.getElementById(obj);

 }

1.用户登陆框架

 <!DOCTYPE html>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

     <title>TBUSF System</title>

     <script type="text/javascript" src="./html_api.js"></script>

 </head>

 <body style="background-color:gray;padding: 20px;">

 <!--页面标题-->

 <h1 style="text-align:center;color:yellow">welcome to TBUSF System</h1><br />

 <!--用户登陆-->

 <p1 style="color:black">User Name:</p1><br />

 <input id="user_id" tyle="text-align:center" type="text" name="username"><br />

 <p1 style="color:black">Code:</p1><br />

 <input id="code_id" type="text" name="code">

 <br><br>

 <!--点击进入下一个页面-->

 <input style="font-size:15px;" type="button" onclick="jump_page('user_id','code_id')" value="next page->">

 </body>

 </html>
./html_api.js(点击登陆所调用函数)：
 function jump_page(id_x,id_y)

 {

     try

     {

         x=$(id_x).value;

          y=$(id_y).value;

         if (x == '刘洋' && y == '1992')

             n =2;

         else

             n = 3;

         switch (n)

         {

             case 1:

                 window.open('https://www.baidu.com');

                 break;

             case 2:

                 window.location.href='file:///D:/我的文档/Programs/Html/web/System_display.html';

                 break

             default:

                 alert("fail");

         }

     }

     catch(err)

     {

         txt = err.message

         alert(txt);

     }

 }
2. 按钮点击，切换相应显示值框架
 <input type="button" id="modulation" value="ID" onclick="clickChange('modulation', 'ID', 'ID_change', 'modulation_display')">

 <p id="modulation_display"></p>
./html_api.js(点击登陆所调用函数)：
function clickChange(id_name, value_1, value_2, id_display)

{

    try

    {

        if ($(id_name).value == value_1)

            $(id_name).value = value_2;

        else if ($(id_name).value == value_2)

            $(id_name).value = value_1;

        else

            alert("id值有误");

        if ( $(id_name).value == value_1 )

            $(id_display).innerHTML = "ID";

        else if ( $(id_name).value == value_2 )

            $(id_display).innerHTML = "id_display";

        else

            $(id_display).innerHTML = "error";

    }

    catch(err)

    {

        txt = err.message

        alert(txt);

    }

}

HTML功能框架的更多相关文章

  1. atitit. 统计功能框架的最佳实践(1)---- on hibernate criteria

    atitit. 统计功能框架的最佳实践(1)---- on hibernate criteria 1. 关键字 1 2. 统计功能框架普通有有些条件选项...一个日期选项..一个日期类型(日,周,月份 ...

  2. Android图片加载框架最全解析（五），Glide强大的图片变换功能

    大家好,又到了学习Glide的时间了.前段时间由于项目开发紧张,再加上后来又生病了,所以停更了一个月,不过现在终于又可以恢复正常更新了.今天是这个系列的第五篇文章,在前面四篇文章的当中,我们已经学习了 ...

  3. 点滴积累【JS】---JS小功能（JS实现多功能缓冲运动框架)

    效果: 思路: 首先,多功能框架实现的功能是:css中所有的属性都可以添加进去(也可以把方法作为参数传递过去!),然后进行缓冲运动,比如:物体的高度.长度.颜色.字体大小.透明度等,都可以直接传入参数 ...

  4. iOS 系统架构及常用框架

    1.iOS基于UNIX系统,因此从系统的稳定性上来说它要比其他操作系统的产品好很多 2.iOS的系统架构分为四层,由上到下一次为:可触摸层(Cocoa Touch layer).媒体层(Media l ...

  5. CoreLocation框架的使用

    CoreLocation框架使用 一.地图和定位的简介 1.应用场景 周边:找餐馆/找KTV/找电影院(团购APP) 导航:根据用户设定的起点和终点,进行路线规划,并指引用户如何到达(地图APP) 2 ...

  6. IOS框架概览

    iOS是执行在iPhone.iPod Touch或iPad上的操作系统,之前叫做iPhone OS,iOS与Mac OS X有共同的基础架构和底层技术.但iOS是依据移动设备的特点而设计的,所以和Ma ...

  7. Java RESTful 框架的性能比较

    来源:鸟窝, colobu.com/2015/11/17/Jax-RS-Performance-Comparison/ 如有好文章投稿,请点击 → 这里了解详情 在微服务流行的今天,我们会从纵向和横向 ...

  8. 前端框架framework和库library的一点区别和记录

    本篇纯文字,无关代码,只是一点概念的记录 关于所谓前端 首先学的是HTML5.CSS3.JavaScript这三个 之后接触了一下UI框架,如layui和bootstrap 目前是打算去学VUE和an ...

  9. Android 9 新功能 及 API 介绍(提供了实用的模块化的功能支持，包括 人工智能)

      Android 9(API 级别 28)为用户和开发者引入了众多新特性和新功能. 本文重点介绍面向开发者的新功能. 要了解新 API,请阅读 API 差异报告或访问 Android API 参考. ...

随机推荐

  1. calc,support,media各自的含义及用法

    @support:用于检测浏览器是否支持CSS某个属性,即条件判断,如果支持某个属性,可以写一套样式,如果不支持某属性,提供另一套样式作为替补. calc():用于计算动态函数值,支持“+”,“-”, ...

  2. Win7下配置IIS服务器以及网站发布

    本文摘至于:http://heavengate.blog.163.com/blog/static/202381053201391111512986/ 1.vsual Studio 2010下利用本地I ...

  3. 织梦多个栏目arclist调用副栏目不显示的解决办法

    织梦arclist调用副栏目不显示,网上关于这个问题的解决办法有很多,其中一种是: 打开/include/taglib/arclist.lib.php,代码约位于295-296行(我目前用的DedeC ...

  4. MySQL面试题（二）

    ● 请你说一说mysql的四种隔离状态 参考回答: Mysql主要包含四种隔离状态: 事务隔离级别 脏读 不可重复读 幻读 读未提交(read-uncommitted) 是 是 是 不可重复读(rea ...

  5. poj 1953 World Cup Noise (dp)

    World Cup Noise Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 16774   Accepted: 8243 ...

  6. aiomysql实现对数据库异步读取

    有一个库叫做aiomysql,这是一个基于asyncio和pymysql的库.至于为什么可以在tornado中使用,是因为高版本tornado的底层使用了asyncio. import asyncio ...

  7. cmake编译c++程序

    当在Linux系统下编写程序时候,如果没有类似于visual studio.vs code等IDE(集成开发环境)时,如何编译.运行程序呢?一种方法是编写makefile文件,用makefile文件管 ...

  8. 牛客练习赛26 E-树上路径 （树链剖分+线段树）

    链接:https://ac.nowcoder.com/acm/contest/180/E 来源:牛客网 树上路径 时间限制:C/C++ 2秒,其他语言4秒 空间限制:C/C++ 262144K,其他语 ...

  9. php socket如何实现长连接

    长连接是什么? 朋友们应该都见过很多在线聊天工具和网页在线聊天的工具.学校内有一种熟悉的功能,如果有人回复你了,网站会马上出现提示,此时你并没有刷新页面:Gmail也有此功能,如果邮箱里收到了新的邮件 ...

  10. monkey命令大全

    一.认识monkey Monkey 就是SDK中附带的一个工具.Monkey是Android中的一个命令行工具,可以运行在模拟器里或实际设备中: 它向系统发送伪随机的用户事件流(如按键输入.触摸屏输入 ...