Rumah > hujung hadapan web > tutorial js > JavaScript知识点总结之 函数与事件

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

coldplay.xixi
Lepaskan: 2021-01-07 10:10:16
ke hadapan
1847 orang telah melayarinya

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

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

JavaScript函数与事件

1. 自定义函数

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

样例如下:

<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>
Salin selepas log masuk

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>
Salin selepas log masuk

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

onload示例:

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

JavaScript浏览器对象模型

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

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

Atas ialah kandungan terperinci JavaScript知识点总结之 函数与事件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan