web前端---JS

JS
负责给页面添加动态效果

JS特点:
1,属于脚本语言,不需要变异由浏览器解析执
2,属于弱类型语言
3,基于面向对象
4,安全性高
5,交互性强,可以直接嵌入在html页面中直接和用户接触

如何在 html页面中引入JS
引入方式:
1,内联:在标签的事件属性中添加js代码,当事件触发时执行
2,内部
3,外部

JS中的对象分类

内置对象:number、string、boolean等;
浏览器相关对象BOM:BrowserObjectModel浏览器对象模型,包含和浏览器相关的对象;
页面相关对象DOM: DocumentObjectModel 文档对象;

BOM

window: 该对象中的属性称为全局属性,方法称为全局方法,访问时
window.alert();
window.confirm();
window.prompt();
window.parseInt();
window.parseFloat();
setInterval(方法,时间间隔)

F12打开控制台

在这里插入图片描述
在这里插入图片描述

window对象中的常见属性

1,history 历史
history.length 得到历史页面数量
history.back() 返回上一页面
history.forward() 前往下一个页面
在这里插入图片描述
2,location 位置
location.href 获取和修改浏览器的修改地址
location.reload() 刷新
3,screen 屏幕
screen.width/Height 获取屏幕的分辨率
4,navigator 导航/帮助
navigator.userAgent 得到浏览器的版本信息
在这里插入图片描述

事件

事件相关
什么是事件:系统提供的一些特定事件点,事件包括:鼠标事件、键盘事件、状态改变事件;
鼠标事件:
Onclick 鼠标点击事件
Onmouseover 鼠标移入事件
Onmouseout 鼠标移出事件
Onmousedown 鼠标按下事件
Onmousemove 鼠标移动事件
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值