1、功能效果图

2、代码实现

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
</head>
<body>
<!-- 在HTML代码中定义一个按钮 -->
<button type="button" id="helloBtn">SayHello</button>
</body> <!-- 在script标签中编写JavaScript代码 -->
<script type="text/javascript"> // document对象代表整个HTML文档
// document对象调用getElementById()方法表示根据id查找对应的元素对象
var btnElement = document.getElementById("helloBtn"); // 给按钮元素对象绑定单击响应函数
btnElement.onclick = function(){ // 弹出警告框
alert("hello");
};
</script>
</html>

最新文章

  1. SQL闲杂知识点汇总【2015年12月】
  2. CSS魔法堂:深入理解line-height和vertical-align
  3. 教-----------有时候就是那么纠结,教的时候不提问题,好像很懂,最后又来纠缠你!真是ctmb
  4. jasonTree多选多级树控件
  5. sql server 数据库 &#39; &#39; 附近有语法错误
  6. c/c++读取文件
  7. AS3.0函数定义的方法
  8. Fedora下用Iptux,中文乱码解决
  9. 数组实现UITabview的cell设置
  10. HDU2825 Wireless Password
  11. Mysql数据库中索引的概念总结
  12. vim编辑器里shift + 3 出现高亮问题,怎么取消掉
  13. Java中的值传递与引用传递
  14. suricata 关键字补充说明
  15. how to add borders for a google map marker 谷歌地图 自己定义图钉
  16. nyoj-310-河南省第四届省赛题目-二分+dinic
  17. MyEclipse关联SVN下载项目到本地
  18. Ubuntu修改中文目录为英文
  19. tomcat已启动,使用maven的deploy发布后,根据路径打开浏览器访问时报错HTTP Status 500 - Error instantiating servlet class
  20. 【转】【C#】迭代器IEnumerable和IEnumerator

热门文章

  1. Nginx 认证模块
  2. MySQL为什么&quot;错误&quot;选择代价更大的索引
  3. 案例复现,带你分析Priority Blocking Queue比较器异常导致的NPE问题
  4. 即席查询(Ad Hoc)如何做到又快又稳?
  5. DolphinScheduler 1.2.0 源码解析之 MasterServer
  6. java-Collection,List简单使用与方法/(集合使用-中)
  7. Unity3D学习笔记12——渲染纹理
  8. SpringBoot RabbitMQ 注解版 基本概念与基本案例
  9. 2.窗口部件-对话框QDialog
  10. windows清理必看