随笔分类 -  JavaScript

摘要:代码如下: 2.屏幕的可视区域 3.offset系列 代码如下,注释都挺清楚的 4.scroll系列 代码如下: 阅读全文
posted @ 2018-05-30 22:16 可爱的红领巾 阅读(121) 评论(0) 推荐(0) 编辑
摘要:BOM的介绍 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器部分功能的API。 阅读全文
posted @ 2018-05-30 22:05 可爱的红领巾 阅读(200) 评论(0) 推荐(0) 编辑
摘要:在js中的定时器分两种:1、setTimeout() 2、setInterval() 定时器在js中式无法自动清除的 想要自己手动清除 以防止 占用内存过多 所以要记得使用了定时器 要记得清除了定时器 1.setTimeOut() 只在指定时间后执行一次 setTimeOut()是异步进行的 格式: 阅读全文
posted @ 2018-05-30 22:01 可爱的红领巾 阅读(163) 评论(0) 推荐(0) 编辑
摘要:其实所有的语言中面向对象几乎都差不多,因为面向对象无非也就是 封装 继承 多态 这三种属性而已,我们研究面向对象就通多这三种属性来进行研究 ,并且以相同的思想来学习面向对象就可以了 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4. 阅读全文
posted @ 2018-05-30 21:12 可爱的红领巾 阅读(158) 评论(0) 推荐(0) 编辑
摘要:1、做一个小图标在界面中通过按钮可以变大 变小 变色 变圆 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>改变图片</title> <style> .box{//设置显示的盒子的属性 width:100px 阅读全文
posted @ 2018-05-30 16:51 可爱的红领巾 阅读(404) 评论(0) 推荐(0) 编辑
摘要:什么是DOM DOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是 阅读全文
posted @ 2018-05-29 22:52 可爱的红领巾 阅读(308) 评论(0) 推荐(0) 编辑
摘要:一、JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器 阅读全文
posted @ 2018-05-29 22:48 可爱的红领巾 阅读(175) 评论(0) 推荐(0) 编辑
摘要:arguments代表的是实参。有个讲究的地方是:arguments只在函数中使用。 (1)返回函数实参的个数:arguments.length 例子: 结果: (2)之所以说arguments是伪数组,是因为:arguments可以修改元素,但不能改变数组的长短。举例: 清空数组的几种方式: 清空 阅读全文
posted @ 2018-05-29 22:33 可爱的红领巾 阅读(438) 评论(0) 推荐(0) 编辑
摘要:javascript也是语言也是有函数的它的函数的定义就是在函数名前加 function 第一步:函数的定义 函数定义的语法: 解释如下: function:是一个关键字。中文是“函数”、“功能”。 函数名字:命名规定和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。 参数: 阅读全文
posted @ 2018-05-29 22:13 可爱的红领巾 阅读(145) 评论(0) 推荐(0) 编辑
摘要:所谓内置对象就是ECMAScript提供出来的一些对象,我们知道对象都是有相应的属性和方法 数组Array 1.数组的创建方式 字面量方式创建(推荐大家使用这种方式,简单粗暴) var colors = ['red','color','yellow']; 使用构造函数(后面会讲)的方式创建 使用ne 阅读全文
posted @ 2018-05-29 22:03 可爱的红领巾 阅读(288) 评论(0) 推荐(0) 编辑
摘要:简单的运用javascript来进行百度换肤的操作 显示隐藏一个窗口界面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隐藏显示</title> <style> .show{ height:200px; 阅读全文
posted @ 2018-05-29 21:21 可爱的红领巾 阅读(441) 评论(0) 推荐(0) 编辑
摘要:javascript的流程控制和python的一样if else console.log() 是显示在控制台中的 就是我们F12之后在后台调试的,而document.write()是写在界面中的 1.if 、if-else、if-else if-else 2.逻辑与&&、逻辑或|| 3.switch 阅读全文
posted @ 2018-05-28 21:58 可爱的红领巾 阅读(155) 评论(0) 推荐(0) 编辑
摘要:语言中我们的数据类型有很多,在某个页面中展示的数据类型也不同,比如说电话号码我就要求number的类型,而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。 1.将数值类型转换成字符串类型 隐式转换 强制类型转换 2.将字符串类型转换成数值类型 3.任何数据类型都 阅读全文
posted @ 2018-05-28 21:57 可爱的红领巾 阅读(209) 评论(0) 推荐(0) 编辑
摘要:js中的运算符跟python中的运算符有点类似,但也有不同。所谓运算,在数学上,是一种行为,通过已知量的可能的组合,获得新的量。 1.赋值运算符 以var x = 12,y=5来演示示例| 2.算数运算符 var a = 5,b=2 3.比较运算符 var x = 5; 4.特殊情况 字符串拼接+字 阅读全文
posted @ 2018-05-28 21:56 可爱的红领巾 阅读(199) 评论(0) 推荐(0) 编辑
摘要:既然我们的CSS就必须要要放再专门的style标签内 那么javascript也需要放在子级的标签内,那就是script标签内 在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿,<script type=”text/jav 阅读全文
posted @ 2018-05-28 21:55 可爱的红领巾 阅读(545) 评论(0) 推荐(0) 编辑
摘要:数据类型包括:基本数据类型和引用数据类型 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值 1.基本数据类型 number string boolean null undefined 2.引用 阅读全文
posted @ 2018-05-28 21:55 可爱的红领巾 阅读(123) 评论(0) 推荐(0) 编辑
摘要:Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户 阅读全文
posted @ 2018-05-28 20:29 可爱的红领巾 阅读(264) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示