起始预定义函数

 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. JS基础_数据类型-Number类型

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. 第二章：排序算法 及其他 Java代码实现

    目录 第二章:排序算法 及其他 Java代码实现 插入排序 归并排序 选择排序算法 冒泡排序 查找算法 习题 2.3.7 第二章:排序算法 及其他 Java代码实现 --算法导论(Introducti ...

  3. arcgis 地图如何转到supermap平台

    场景:客户使用arcmap配置好的地图数据,由于项目需要转换到超图平台.有如下几种思路供参考. 1. 使用arcmap生成地图缓存,supermap-iServer支持发布arcgis的地图缓存以及t ...

  4. Google浏览器显示URL的 http https ....

    谷歌浏览器输入 chrome://flags/#omnibox-ui-hide-steady-state-url-trivial-subdomains 输入之后, 高亮部分选项 改为 Disabled ...

  5. python django网站编程视频教程学习资料下载

    “人生苦短,我用python”,学python的小伙伴应该都了解这句话的含义.但是,学python,你真正了了解强大的Django框架吗!?据说Django还是由吉普赛的一个吉他手的名字命名的呢,有木 ...

  6. c++ 实时通信系统(基础知识TCP/IP篇)

    编写前的基础知识 C/S结构: C/S是Client/Server,即客户端/服务器端架构,一种典型的两层架构.客户端包含一个或多个在用户的电脑上运行的程序服务器端有两种,一种是数据库服务器端,客户端 ...

  7. Tree HDU - 6547 （树链剖分，线段树）

    wls 有三棵树,树上每个节点都有一个值 ai,现在有 2 种操作: 将一条链上的所有节点的值开根号向下取整: 求一条链上值的和: 链的定义是两点之间的最短路. Input 第一行两个数 n, q 分 ...

  8. uestc summer training #3 线段树优化建边

    线段树建边 struct E { int value, modvalue; } a[MAXN << ]; pair<int, int> b[MAXN]; ], r[MAXN & ...

  9. Android 热修复（一）

    名词: dex:java文件编译class 然后生成 dex文件在Android上运行: 1.dex分包: 2.找出出现问题的dex文件进行替换操作 3.下载dex文件,静默替换有问题的dex文件,进 ...

  10. 通过实现接口runnable实现多线程

    实现Runnable接口实现多线程的步骤(1)编写类实现Runnable接口(2)实现run(方法(3)通过Thread类的start(方法启动线程 静态代理模式Thread >代理 角色MyR ...