• 技术文章 >web前端 >js教程

    JavaScript知识点总结之 函数与事件

    coldplay.xixicoldplay.xixi2021-01-07 10:10:16转载403

    相关免费学习推荐:javascript(视频)

    JavaScript函数与事件

    1. 自定义函数

    <script type="text/javascript">
    	function 函数名(形参1,形参2,形参n){
    			语句		}</script>

    样例如下:

    <body>
    	<script type="text/javascript">
    		function getArea(width,heigt){
    			var resule=width*heigt;
    			document.write("面积为:"+resule);
    		}
    	</script>
    		<script type="text/javascript">
    			getArea(3,4)
    		</script>
    		
    	</body>

    2.JavaScript系统函数

    eval示例:

     <body>
    	<script type="text/javascript">
    		function getArea(){
    			var a=1;
    			var b=2;
    			var resule=eval(a+b);
    			alert(resule);
    		}
    	</script>
    		<script type="text/javascript">
    			getArea()
    		</script>
    		
    	</body>

    2.JavaScript事件
    页面事件:
    onload() 页面加载
    onblur() 失去焦点
    onfocus() 获得焦点
    onchange() 输入框发生改变
    鼠标事件:
    onclick() 点击
    onmousedown() 鼠标移入
    onmouseout() 鼠标移出
    onmousemove() 鼠标移动
    键盘事件:
    onkeypress()
    表单事件:
    onsubmit()

    onload示例:

     <body>
    	<script type="text/javascript">
    			window.onload=function(){
    				alert("页面加载完成")
    			}
    		</script>	
    	</body>

    JavaScript浏览器对象模型

    window() 顶层对象
    hostory() 浏览器记录对象
    location() 地址对象
    document() 文档对象

    location() 属性跟方法
    window() 属性
    window() 方法
    在这里插入图片描述
    window() 属性
    在这里插入图片描述
    navigator()方法
    在这里插入图片描述
    navigator()属性
    在这里插入图片描述
    screen()属性
    在这里插入图片描述
    history()方法
    在这里插入图片描述

    以上就是JavaScript知识点总结之 函数与事件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:CSDN,如有侵犯,请联系admin@php.cn删除
    上一篇:jquery.min.js是啥 下一篇:jquery $(this)怎么用
    大前端线上培训班

    相关文章推荐

    • charAt()在javascript中怎么用• javascript怎么将字符转换成数字• javascript有几种变量• 焦点在javascript中是什么• JavaScript中数组如何遍历

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网