JavaScript 如何绑定一个函数

欲无缘

已于 2024-01-22 13:35:43 修改

阅读量435

点赞数 9

分类专栏： # JavaScript 文章标签： javascript 开发语言 ecmascript

于 2024-01-22 10:30:52 首次发布

本文链接：https://blog.csdn.net/qq_29917503/article/details/135704045

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

文章目录

注释

JS的注释与Java的注释完全一致

BOM

BOM (Browser Object Model浏览器对象模型)

在JS中，将浏览器中的页面分别分为七个大的对象，每个对象存在自己的属性，激发事件

七个对象如下:

window:七对象的父对象，也是其它六个的顶层对象，全局变量表示整个页面的所有要素

document:七对象之一，是window的子对象，表示页面的正文

location:七对象之一，window的子对象，表示页面的地址栏信息，同时负责页面的跳转

history:七对象之一，window子对象，负责封装页面的缓存和历史记录等

screen:七对象之一，window子对象，封装了用户显示器的信息

navigator:七对象之一，window子对象，通过此对象可以读取用户当前浏览器信息

frame:七对象之一，window子对象，表示页面的一个框架，目前已淘汰

页面加载执行函数

onload:激发事件之一，激发事件有很多种，此处表示页面载入无误
此处和BOM内置对象一起使用表示当前窗口载入无误，那么执行一个叫做etoak的函数

function:固定写法表示是一个函数括号内为实参，可选

function etoak(){
	//业务逻辑
}

注意:不需要书写返回值，也不书写void，函数名推荐使用驼峰命名

页面元素点击执行函数

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>如何绑定一个js函数</title>
	
		<script>
		
			window.onload = etoak


			function etoak(){
		
				/*
				 *   由于window是全局变量，所以所有的对象都是window的子对象
				 *   所以window可以省略
				 */
				alert('青山一道同云雨，明月何曾是两乡')

				/*
				 *   根据id属性值从全文拿取唯一节点（Node）
				 */
				let domBtn = document.getElementById('btn')

				/*
				 *   onclick:表示单击
				 *   给拿取的btn节点绑定单击事件，后面可以绑定一个有名的函数，也可以直接
				 *   绑定一个匿名函数
				 */
				domBtn.onclick = function(){
				    /*
				     *   innerText:属性，拿取节点中嵌套的值，不支持标签
				     */
					alert('button元素中的文本是'+domBtn.innerText)
				}
			}
		</script>
	</head>
	<body>
		<button id="btn">点我试试！！</button>
	</body>
</html>

欲无缘

关注

9
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 如何绑定一个函数

给拿取的btn节点绑定单击事件，后面可以绑定一个有名的函数，也可以直接。* 由于window是全局变量，所以所有的对象都是window的子对象。在JS中，将浏览器中的页面分别分为七个大的对象，每个对象存在自己的属性，激发事件。* innerText:属性，拿取节点中嵌套的值，不支持标签。七对象的父对象，也是其它六个的顶层对象，全局变量表示整个页面的所有要素。的子对象，表示页面的地址栏信息，同时负责页面的跳转。子对象，负责封装页面的缓存和历史记录等。子对象，表示页面的一个框架，目前已淘汰。
复制链接

扫一扫

专栏目录