<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        input.btn {

            background: red;

        }

        .overstyle {

            background: olive;

        }

        .outstyle {

            background: red;

        }

    </style>

    <!-- // js函数代码【建议】嵌入头部之间。在页面文档主体和其余部分代码加载之前【web内容在浏览器中是从上到下解析的，head内的脚本会比body内的脚本线处理。所以最好将包含所有预定义函数的js代码放在头部】 ;js区分大小写；-->

    <script>

        document.write("<font>js代码输出的文字;一般不这么用</font>");//document.write()是文档对象的输出函数。其功能是将括号中的内容或变量值输出到页面文档中。

        //  一些比较简短的js事件代码可以直接写在html标签内，格式：  onclick=javascript:函数名称()   具体的函数写在嵌入head的js代码中

        function submit() {

            alert('提交');

        }

    </script>

</head>

<!-- onload当网页下载到浏览器就会执行，如果onload需要访问html标签所定义的对象，需要确保对象先于onload脚本执行。所以onload函数应该写在body中而非head -->

<body onLoad="window.alert('页面内容完成导入到浏览器')">

    <input type="button" name="button" title="新建申请表单" value="新建" class="btn" onmouseover="this.className='overstyle'" onmouseout="this.className='outstyle'" onclick="javascript:submit();">

    <!-- // js放在body主体之间用来实现某些部分动态地创建文档 -->

    <script>

    </script>

</body>

</html>

最新文章

  1. CentOS 安装tomcat 7
  2. Spark 架构
  3. Spring+SpringMVC+MyBatis+LogBack+C3P0+Maven+Git小结（转）
  4. 一些代码 II （ConfigParser、创建大文件的技巧、__getattr__和__getattribute__、docstring和装饰器、抽象方法）
  5. dba管理
  6. nginx禁止未绑定域名访问 并且强行断开连接
  7. mac media server
  8. 推荐几个在线PDF转化成Word网站
  9. java.lang的详细解读
  10. Spring JTA multiple resource transactions in Tomcat with Atomikos example
  11. HTML5经典实例——1基础语法和语义
  12. 关于nginx报错/usr/share/nginx/html/jiankongshare&quot; failed (2: No such file or directory)的问题解决
  13. 如何让docker以daemon方式运行/bin/bash
  14. sql查询层级分类
  15. Thrift辅助类，用于简化Thrift编程
  16. BZOJ3781：小B的询问——题解
  17. Android开发：《Gradle Recipes for Android》阅读笔记(翻译)3.4——Flavor Dimensions
  18. java Linkedhashmap源码分析
  19. 将Winform程序及dll打包成可执行的exe
  20. #423 Div2 C

热门文章

  1. 程序自动分析（NOI2015）（洛谷P1955）题解
  2. R 语言输入输出 读取命令函参数
  3. mysql 层级结构查询
  4. IntelliJ IDEA 2019从入门到癫狂 图文教程！
  5. FZU Monthly-201906 获奖名单
  6. Java Thread dump 日志分析
  7. 引用fastclick.js或使用触屏监听 滑动屏幕报错：解决[Intervention] Unable to preventDefault inside passive event listener
  8. NLP基本模型
  9. SQLServer常用运维SQL整理（转）
  10. Python - Django - 中间件 process_request