JavaScript helloworld
2016-02-25 16:20
681 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//1. 当整个 HTML 文档完全加载成功后触发 window.onload 事件.
//事件触发时, 执行后面 function 里边的函数体.
window.onload = function(){
//2. 获取所有的 button 节点. 并取得第一个元素
var btn = document.getElementsByTagName("button")[0];
//3. 为 button 的 onclick 事件赋值: 当点击 button 时, 执行函数体
btn.onclick = function(){
//4. 弹出 helloworld
alert("helloworld");
}
}
</script>
</head>
<body>
<button>ClickMe</button>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//1. 当整个 HTML 文档完全加载成功后触发 window.onload 事件.
//事件触发时, 执行后面 function 里边的函数体.
window.onload = function(){
//2. 获取所有的 button 节点. 并取得第一个元素
var btn = document.getElementsByTagName("button")[0];
//3. 为 button 的 onclick 事件赋值: 当点击 button 时, 执行函数体
btn.onclick = function(){
//4. 弹出 helloworld
alert("helloworld");
}
}
</script>
</head>
<body>
<button>ClickMe</button>
</body>
</html>
相关文章推荐
- 34、JsonUtils
- JSON解析的理解
- JS动态生成正在加载...
- JavaScript对Json的增删改属性
- javascript 最简单对日期小时数进行增加
- javascript如何读取自身文件内的xml
- javascriptt切换组件MyTab.js封装
- js javascript:void(0) 真正含义
- Servlet API and JSP API
- 【多图】值得收藏!JavaScript语言基础知识总结
- javascript高级编笔记第六章
- Javascript的Array对象的迭代方法
- jsp页面显示不了
- JS获取浏览器信息及屏幕分辨率
- CryptoJS简单使用
- [RxJS] Using Observable.create for fine-grained control
- js获取浏览器信息及屏幕分辨率
- JSONP跨域GET请求
- jstl标签fn
- 通过js注入解决浏览器输入法方案文档