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() 属性跟方法
window() 属性
window() 方法
在这里插入图片描述
window() 属性
在这里插入图片描述
navigator()方法
在这里插入图片描述
navigator()属性
在这里插入图片描述
screen()属性
在这里插入图片描述
history()方法
在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值