JavaScript函数与事件的知识点

JavaScript函数与事件的知识点

了解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系统函数

  • parseInt() 将字符串转换为整数

  • parseFloat() 将字符串转换为小数

  • isNaN() 判断是否是NaN(数字)

  • eval() 运行以字符串形成的js代码,返回执行结果


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() 属性跟方法
JavaScript函数与事件的知识点
window() 方法
JavaScript函数与事件的知识点
window() 属性
JavaScript函数与事件的知识点
navigator()方法
JavaScript函数与事件的知识点
navigator()属性
JavaScript函数与事件的知识点
screen()属性
JavaScript函数与事件的知识点
history()方法
JavaScript函数与事件的知识点

感谢各位看完上述内容,你们对“JavaScript函数与事件的知识点”这篇文章大概了解了吗?希望文章的内容对大家有所帮助,如果想了解更多相关文章内容,欢迎关注行业资讯频道。