起始预定义函数

 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. 管理.MD

    ```` 对于水平低点的我一般是:讲解任务 -> 他复述任务 ->提出解决思路 -> 他复述思路 -> 认他思考一段时间,他提出他的意见和想法 -> 我再确定 -> ...

  2. java实现spark常用算子之frist

    import org.apache.spark.SparkConf;import org.apache.spark.api.java.JavaRDD;import org.apache.spark.a ...

  3. js之运算符其它运算符（三元运算符,逗号运算符,void运算符,typeof,delete运算符）

    Javascript支持很多其它的运算符,具体如下: 一.条件运算符(?:) 条件运算符是Javascript中唯一的三个操作数的三元运算符,有时会直接称做是“三元运算符”. 基本格式:conditi ...

  4. a标签的download属性

    a标签加上downlaod属性后,就可完成对href属性链接文件的下载,但仅仅是限于同源文件,如果是非同源,download属性会失效. 无download属性的时候,a标签的默认行为是链接跳转进行预 ...

  5. Docker容器入门之一：部署SpringBoot项目

    一.环境准备:    1.vm虚拟机: Workstation 12 Pro 12.5.7 build-5813279 2.Centos 7 在虚拟机上安装好Centos7系统后,就可以开始准备安装D ...

  6. 从命令行运行postman脚本

    为什么要在命令行中运行 可以在无UI界面的服务器上运行 可以在持续集成系统上运行 运行准备 导出collection 安装nodejs和npm(或cnpm) 安装Newman 运行及生成测试报告支持4 ...

  7. mysql 存储过程（二）

    存储过程(Stored Procedure): 一组可编程的函数,是为了完成特定功能的SQL语句集,经编译创建并保存在数据库中,用户可通过指定存储过程的名字并给定参数(需要时)来调用执行. 优点(为什 ...

  8. qa角色记一次测试过程回溯

    一.测试过程简述 a项目依赖b项目新功能,ab项目一起提测 1.测试人员:两老一新 2.测试过程:第一轮,三人执行用例 第二轮,三人各自模块发散 第三轮,三人交叉测试 第四轮,两老投入b项目性能以及接 ...

  9. 更换Red Hat Enterprise Linux 7 64位的yum为centos的版本

    查看redhat原有的yum包有哪些: [root@localhost ~]# rpm -qa|grep yum yum-utils-1.1.31-24.el7.noarch yum-langpack ...

  10. springboot jpa junit测试遇到的问题

    jpa在插入数据的时候,插入的对象变量user中不能包含变量,需要时确切的值,否则会出现sql解析报错 解析报错如下图