文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端:JS---part5 课程介绍 & part4 复习

软工小能手

软工小能手

2024-04-23 23:46

关注

  网页是一个包含html标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一"页",是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

  part5课程介绍

  另一个定时器

  第一个定时器的小案例----练习

  封装动画函数----------匀速的动画函数,过渡到=======>缓动的动画函数

  简单的轮播图

  左右焦点的轮播图

  无缝连接的轮播图

  轮播图======================================重点

  三大系列中的第一个系列:offset系列================重点

  封装缓动动画函数

  筋斗云,固定导航栏

  升级4到5个版本

  手风琴

  旋转木马

  part4复习

  为元素绑定事件的三种方式:

  1.对象.on事件类型=事件处理函数;

  2.IE8不支持

  对象.addEventListener("没有on的事件类型",事件处理函数,false);

  3.谷歌和火狐不支持

  对象.attachEvent("有on的事件类型",事件处理函数);

  为元素解绑事件的三种方式:

  1.对象.on事件类型=null;

  2.对象.removeEventListener("没有on的事件类型",事件处理函数名字,false);

  3.对象.detachEvent("有on的事件类型",事件处理函数);

  事件冒泡:元素A中有元素B,都有相同的事件,里面的元素的事件触发了,外面元素的事件也会触发.可以是多个元素嵌套

  阻止事件冒泡:

  两种

  1.e.stopPropagation();e---事件参数对象,谷歌和火狐都支持,IE8不支持

  2.IE8和谷歌支持

  window.event.cancelBubble=true;

  window.event就是事件参数对象----e是一样的

  BOM:BrowserObjectModel浏览器对象模型---操作浏览器

  历史记录的后退和前进history:back()后退forward()前进

  地址栏上的地址的操作locationhref属性跳转页面,assgin()跳转页面reload()刷新replace()方法替换地址栏上的地址的,没有历史记录的

  获取系统和浏览器的信息的navigatoruserAgent属性---获取系统,浏览器的信息的

  地址栏上#及后面的内容

  onsole.log(window.location.hash);

  主机名及端口号

  onsole.log(window.location.host);

  主机名

  onsole.log(window.location.hostname);

  文件的路径---相对路径

  onsole.log(window.location.pathname);

  端口号

  onsole.log(window.location.port);

  协议

  onsole.log(window.location.protocol);

  搜索的内容

  onsole.log(window.location.search);

  定时器:

  该定时器会返回自己的id值

  vartimeId=window.setInterval(函数,时间);

  执行过程:页面加载完毕后,过了一段时间执行函数,反复的,除非清理定时器

  window.clearInterval(定时器的id值);清理定时器

  网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     442人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     206人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     169人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     248人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     77人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯