JavaScript初学-个人笔记3

最新推荐文章于 2024-07-24 11:09:48 发布

鲤鱼鲤鱼carp

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量173

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_43958958/article/details/106891134

版权

JS的三大块

JS包括三大块：
ECMAScript：JS核心语法（ES规范/ECMA-262标准）
DOM：Document Object Model（文档对象模型：对网页中的节点进行增删改）
HTML文档被当做一棵DOM树来看待。
BOM：Browser Object Model（浏览器对象模型）
关闭浏览器窗口、打开一个新的浏览器窗口、后退、前进…都是BOM编程
DOM和BOM的区别和联系？
BOM的的顶级对象是：window
DOM的顶级对象是：document
实际上BOM是包括DOM的

JS中的事件

JS中的事件：
focus获得焦点
blur失去焦点

click鼠标单击
dblclick鼠标双击

keydown键盘按下
keyup键盘弹起

mousedown鼠标按下
mouseover鼠标经过
mousemove鼠标移动
mouseout鼠标离开
mouseup鼠标弹起

submit表单提交
reset表单重置

change下拉列表选中项改变，或文本框内容改变
load页面加载完毕(整个HTML页面全部加载完毕后发生)
select文本被选定

任何一个事件都会对应一个事件句柄，事件句柄是在事件前加on
onXXX这个事件句柄出现在一个标签的属性上。

代码：

<body>
	<script type="text/javascript">
		//页面打开时注册此函数，注册给了load事件，执行回调函数A
		window.onload=function(){
    //回调函数A
			//执行hello按钮时注册此函数，注册给了click事件
			//当id="btn"的节点发生click时间后，执行回调函数B
			document.getElementById("btn").onclick=function(){
    //回调函数B
				alert("hello!")
			}
		}
	</script>
	<input type="button" value="hello" id="btn" />
</body>

JS代码设置节点的属性

将文本框改为复选框

代码：

<body>
	<!--将文本框改为复选框-->
	<script type="text/javascript">
		window.onload=function(){
    
			document.getElementById("btn").onclick=function(){
    
				var mytext=document.getElementById("mytext");
				mytext.type="

最低0.47元/天解锁文章

鲤鱼鲤鱼carp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript初学-个人笔记3

目录JS的三大块JS中的事件JS代码设置节点的属性将文本框改为复选框捕捉回车键关于void运算符innerText和innerHTML属性去除字符串的前后空白trim()方法关于JS中的正则表达式JS的三大块JS包括三大块：ECMAScript：JS核心语法（ES规范/ECMA-262标准）DOM：Document Object Model（文档对象模型：对网页中的节点进行增删改）HTML文档被当做一棵DOM树来看待。BOM：Browser Object Model（浏览器对象模型）关闭
复制链接

扫一扫