温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript函数与事件的知识点

发布时间:2021-01-08 14:26:11 来源:亿速云 阅读:143 作者:小新 栏目:web开发

了解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函数与事件的知识点”这篇文章大概了解了吗?希望文章的内容对大家有所帮助,如果想了解更多相关文章内容,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI