javascript的一些基础知识(2)
来源:互联网 发布:ps淘宝宝贝详情页尺寸 编辑:程序博客网 时间:2024/06/06 13:01
5、函数
事件onmousedown鼠标点击时的执行的程序,如果相应代码过多,可单独下一个函数。
如下程序1和程序2程序的执行效果相同
程序1
6、可在事件中动态的添加事件响应函数
<head>
<title></title>
<script type="text/javascript">
function f1(){
alert("我是f1");
}
function f2(){
alert("我是f2");
}
</script>
</head>
<body>
<input type="button" onclick="document.ondblclick=f2" value="关联事件2"/>
<input type="button" onclick="document.ondblclick=f1" value="关联事件1"/>
</body>
在网页中双击会弹出消息对话框。
7、body对象的事件
<body onload="btn.value='ok'">
onunload="alert('慢走')"
onbeforeunload="windows.event.returnValue='真的要放弃帧退出吗?'"
除了这些特有的属性之外,还要通用的html元素的事件
事件onmousedown鼠标点击时的执行的程序,如果相应代码过多,可单独下一个函数。
如下程序1和程序2程序的执行效果相同
程序1
<html>程序2
<head>
<title></title>
<script type="text/javascript">
</script>
</head>
<body onmousedown="alert('别点我!'); alert('哈哈');">
</body>
</body>
</html>
<head>
<title></title>
<script type="text/javascript">
function bodyonmousedown(){
alert("别点我!");
alert("哈哈…");
}
</script>
</head>
<body onmousedown="bodyonmousedown()">
</body>
6、可在事件中动态的添加事件响应函数
<head>
<title></title>
<script type="text/javascript">
function f1(){
alert("我是f1");
}
function f2(){
alert("我是f2");
}
</script>
</head>
<body>
<input type="button" onclick="document.ondblclick=f2" value="关联事件2"/>
<input type="button" onclick="document.ondblclick=f1" value="关联事件1"/>
</body>
在网页中双击会弹出消息对话框。
7、body对象的事件
<body onload="btn.value='ok'">
onunload="alert('慢走')"
onbeforeunload="windows.event.returnValue='真的要放弃帧退出吗?'"
除了这些特有的属性之外,还要通用的html元素的事件
onclick当用户点击某个对象时调用的事件句柄。
ondblclick当用户双击某个对象时调用的事件句柄。很多元素还有oncopy和onpaste事件
onkeydown 某个键盘按键被按下。
onkeypress 某个键盘按键被按下并松开。
onkeyup 某个键盘按键被松开。
onmousedown 鼠标按钮被按下。
onmousemove 鼠标被移动。
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。
onmouseup 鼠标按键被松开。
0 0
- javascript的一些基础知识(2)
- JavaScript的一些基础知识
- javascript的一些基础知识
- javascript的一些基础知识
- css和javascript的一些笔记(二) js基础知识
- javaScript中的一些 正则表达式 的基础知识。
- javascript和jquery的一些基础知识
- 学习JavaScript必知的一些基础知识
- (JAVA基础知识)一些基础知识的细分
- Javascript基础知识(2)
- JavaScript基础知识(2)
- JavaScript基础知识(2)
- JavaScript基础知识(2)
- HTML和JavaScript一些基础知识
- css和javascript的一些笔记(四) xml语言基础知识
- 根据w3cSchool学习javascript整理js的一些基础知识
- javascript基础知识复习2-javascript的继承
- H面试的基础知识(1):一些基础知识的总结
- setsockopt()用法(参数详细说明)
- char []与char*区别
- HTML头标签的使用
- 浙大PAT甲级 1037
- Python 解决 8 皇后问题
- javascript的一些基础知识(2)
- JS 操作节点
- setsockopt设置socket状态
- Java实现冒泡排序算法
- POJ 3057 最大二分匹配+bfs + 二分
- iOS开发 ☞ GCD使用
- Mac OS X 10.8.5上面安装PyQt5.7详细过程
- setsockopt用法详解
- 【Maven】快速走进Maven的世界