onload:在加载的时候

因为网页代码是从上到下执行的,所以我们有些对网页内容的操作要先加载出网页内容后再执行script的内容,这个时候如果没有onload我们只能写在这些内容的后面,但是有了load就不一样了

但是load也是有缺点的,就是load要等到页面中全部东西,包括音频视频等,才会执行load中的内容,这个时候就会使其变得慢!

onunload:在你关闭网页的时候网页就消失了,所以也不会显示出来,但是在刷新的时候相当于网页的卸载和重新加载,所以此时可以看看出来,因此这个函数中主要写一些网页关闭后的清除工作

settimeout:

有两个参数,第一个是函数,可以写匿名函数,第二个是时间,以毫秒为单位,在达到这个事件的时候就会执行这个匿名函数

返回值:这个函数的返回值是一个数字,通过这个数字可以找到这个定时器

清除定时器函数:cleartimeout

另一个定时器(间隔一段时间做一个事情,上一个是到了什么时间做那个事情(只会做一个),这个能做多次):setInterval:其参数和上一个一样,也是两个参数

清除此定时器,此函数的返回值也是一个标识

倒计时案例:

1970年1月1日0、0、0

Math.floor():向下取整

new Date(年-月-日-时-分-秒) 其中时分秒不写默认为0

但是这个定时器是要等一定时间才执行,所有在页面加载完成到所定时的时间之间会有一定的欠缺

解决方法:给setInterval这个函数中的匿名函数一个名字,然后先直接调用它

但是这里面还有一点问题就是如果一个数前面不够两位他不会自动补0,因此我们还要完善

第一种解决方案:对obj.hour/day等转化为字符串(.tostring())

第二种:判断这个数字是否小于10

基本类型值得传递是在堆内存中给另外一个变量有复制了一遍,而引用类型就是把这一片的内存地址给了一个变量,但是他们的地址是一样的,正如他的名字(引用)

练习:

练习:点击开始让方块右移动一定距离(一点一点移动)

location:可以把其打印出来以便看它的成员

location.href="":是网页的地址栏,即URL

location.search获取到的是网页网址中的“?..”后面的一些数据

location.hash获取的是网页中的锚点

例如:

www.baidu,com?name=123&age=2#123

则location.search=?name=123&age=2

location.hash=#123

模拟网页上的前进和后退

User.Agent是把自身信息也传给服务器

执行JavaScript代码是单线程

他是先执行事件之外的事情,当遇到事件的时候,会把事件放在队列里面,然后等到全部都执行完了之后才会执行队列中的内容

拖拽效果:

onmousemove:鼠标按下不弹起的时候

onmousedown:鼠标按下的时候

onmouseup:鼠标键松开

psition:fixed有滚动条也没事,否则就会出现拿一些错误

这个加256和减140是因为我们给这个窗口设置了magin:left以及top,因此会出现一些错误

_.offsetWidth:这个物体的宽度

_.offsetHeight这个物体的高度

整个页面的大小:Window.innerWiddth/innerHeight来表示

JavaScript——五的更多相关文章

  1. 从头开始学JavaScript (五)——操作符(二)

    原文:从头开始学JavaScript (五)--操作符(二) 一.乘性操作符 1.乘法:*      乘法操作符的一些特殊规则: 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscri ...

  2. 数据结构与算法JavaScript (五) 串(经典KMP算法)

    KMP算法和BM算法 KMP是前缀匹配和BM后缀匹配的经典算法,看得出来前缀匹配和后缀匹配的区别就仅仅在于比较的顺序不同 前缀匹配是指:模式串和母串的比较从左到右,模式串的移动也是从 左到右 后缀匹配 ...

  3. JavaScript 五种(构造方式)继承

    一.对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.user ...

  4. JavaScript五种继承方式详解

    本文抄袭仅供学习http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html 一. 构造函数绑定 ...

  5. Web前端基础(11):JavaScript(五)

    1. 初识DOM 1.1 DOM介绍 1.1.3 什么是DOM DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定 ...

  6. javascript(五)表达式

    表达式 (expression) JavaScript中的一个短语, JavaScript解释器会将其计算(evaluate) 出一 个结果.程序中的常量是最简单的一类表达式.变量名也是一种简单的表达 ...

  7. JavaScript 五种(非构造方式)继承

    参考链接:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html

  8. 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)

    很多时候我们都利用js和jquery中操作input,比如追加属性,改变属性值等等,我在这里简单的整理了一下,并在以后逐步补充. 1:删除input的某一属性. <input name=&quo ...

  9. 【设计模式+原型理解】第三章:javascript五种继承父类方式

    [前言] 我们都知道,面向对象(类)的三大特征:封装.继承.多态 继承:子类继承父类的私有属性和公有方法 封装:把相同的代码写在一个函数中 多态: ->重载:JS严格意义上是没有重载,但可以通过 ...

随机推荐

  1. docker cp 拷贝文件 和 进入容器

    进入正在运行的容器 # 进入容器 新开一个终端 # docker exec -it 容器id /bin/bash docker exec -it eaac94ef6926 /bin/bash # 进入 ...

  2. 腾讯云COS对象存储占据数据容灾C位

    说到公有云容灾,大家首先想到的是云上数据备份. 然而,随着企业核心业务逐渐从线下迁移到云上,客户提出了更高的要求.如何确保云上业务的高可用.数据的高可靠,这对云厂商提出了新的挑战. 腾讯云作为全球领先 ...

  3. Ice框架介绍

    概述 Ice是一个开源的综合性RPC框架,以高性能和原生支持微服务的架构而著称.提供了很多可以直接使用的组件,如注册中心IceGrid,部署工具IcePatch2,防火墙穿透Glacier2,发布订阅 ...

  4. Docker 建站小记

    一,前言 Docker 建站小记,我使用了四个镜像来搭建:nginx,certbot,mysql,gradle.欢迎访问:https://www.zzk0.top 这个网页是从 github 上找的个 ...

  5. 记一次ceph pg unfound处理过程

    今天检查ceph集群,发现有pg丢失,于是就有了本文~~~ 1.查看集群状态 [root@k8snode001 ~]# ceph health detail HEALTH_ERR 1/973013 o ...

  6. day131:2RenMJ:2RenMJ游戏简介&部署MJ项目到本地

    目录 1.游戏简介 1.如何做出一款麻将游戏? 2.麻将运行界面 3.麻将项目所用技术快速概览 4.web开发 / 游戏开发 / APP开发 比较 5.firefly游戏框架介绍 2.部署麻将项目到本 ...

  7. Slack 的想法很好啊,很有创新,牛。

    [原]https://www.leiphone.com/news/201411/aXHUpe4ZFI2sSwpb.html 由于以往一些用于办公的应用反响平平,因此对迅速崛起的办公交流应用Slack, ...

  8. CKafka 架构原理

    消息队列 CKafka 技术原理 - 产品简介 - 文档中心 - 腾讯云 https://cloud.tencent.com/document/product/597/10067 消息队列 CKafk ...

  9. loj10171

    牧场的安排 内存限制:512 MiB 时间限制:1000 ms 原题来自:USACO 2006 Nov. Gold Farmer John 新买了一块长方形的牧场,这块牧场被划分成 MMM 行 NNN ...

  10. 【Python爬虫】:使用高性能异步多进程爬虫获取豆瓣电影Top250

    在本篇博文当中,将会教会大家如何使用高性能爬虫,快速爬取并解析页面当中的信息.一般情况下,如果我们请求网页的次数太多,每次都要发出一次请求,进行串行执行的话,那么请求将会占用我们大量的时间,这样得不偿 ...