snoozeing-CSDN博客

原创类、对象、构造函数、原型链、作用域、this等

对象复合数据类型，为引用数据类型，在对象中可保存多个不同的数据类型的属性直接创建的对象都是Object的实例对象内建对象：标准对象 Math String 等宿主对象：由js运行环境提供的对象，bom dom自定义对象：由开发人员自建的对象创建对象，赋予属性和属性值1 构造函数创建对象创建对象：var obj = new Object（）；使用new关键字调用的为构造函数，用于创建新的对象向对象中可保存的内容有属性 obj.name = ‘XX’ 属性的定义及赋值使用时，对象.属性名获

2021-04-18 01:56:07 103

原创 H5新特性

Html表单元素datalist，配合text框进行下拉选择及搜索提示的<form action="#"> <input list="browsers" name="browser"> <datalist id="browsers"> &n

2021-04-12 17:26:08 104

原创 AJAX jQuery使用

$.ajax({url,[settings]}) 通用方法，返回其创建的 XHR 对象，一般不需要用将整个配置包装为对象传入参数内，可在外部生命，也可在内部直接写url:(默认: 当前页地址) 发送请求的地址，此为必填项，其余根据实际需要为选填async 默认为ture，异步请求contentType 默认值：undicode编码格式data，请求参数，必须是键值对的对象格式，即对象内再一个对象data{name:XXX}type:GET / POST 等，请求类型success:fun

2021-04-08 17:51:23 93

原创 AJAX 原生JS处理

AJAX同步、异步同步：必须等待当前事情完成后才可进行其他事情异步：不需要等待其他事情完成即可运行，多件事情同时进行，互不干扰计时器等，为异步代码，他不会影响其他代码的正常执行（异步的代码自己不影响其他顺序，而不是其他代码不影响异步代码顺序）AJAX，异步操作，异步JS和XML的结合。在不重新刷新界面的情况下，更新界面数据，在请求数据时候，不影响本地操作的正常响应请求及处理步骤：1、创建对象XMLHttpRequest ie7以上ActiveXObject(‘Microsoft.XMLH

2021-04-07 16:44:35 184

原创 jQuery day2 使用

html操作获取/设置h1元素的文本值text() 获取所选元素的文本（注意只有文本，如果元素内嵌了其他html标记，无法获取）html() 获取所选元素的内容（获取所有内容，包括标记等内容，相当于把元素两边的标记去掉，剩下所有内容被拿到）val() 只获取表单元素的内容，一般元素的值无法获取以上，在获取后，如果想改表对应元素的对应值，在括号内传值即可。text只传文本，如果写了html标记，不会被解析（相当于标记被/转义了）js jQueryinnerTEXT text(

2021-03-25 09:57:59 56

原创 jQuery 基础及基本选择器

jQuery：主要用于查询、筛选标签，方便尽心交互为一个JS函数库：引用即可作用：html的dom选择器、对元素操作、CSS操作、Html事件处理、链式调用、读写合一，ajax封装版本：1.X兼容性更高，3.X提供了新的API但是完全不支持ie8以下开发时候用非min版本，有注释，上线时候用min版本，更小。使用时候引用需要在使用的函数前$ 在使用时等价于 jQueryjQuery的核心：jQuery函数：作为函数使用：$开头的函数 $()1、参数为函数在网页Dom窗口加载完成后执行此函数

2021-03-24 09:03:22 129

原创 Day7 BOM对象

BOM对象浏览器对象模型主要对象均继承自window对象下window对象的主要属性：用于确认尺寸不包括工具栏、滚动条等。1、现有常用浏览器： windows.innerHeight windows.innerWidth2、IE5-8：document.documentElement.clientHeight3、IE5-8：document.body.clientHeight兼容性问题：使用或赋值，任意1个赋值成功即赋值结束window下的函数open() 打开新窗口windows.

2021-03-19 11:58:57 107

原创 Day6 JS dom对象

Dom对象文档树模型，在网页被加载时，dom模型会同步被加载出来，任何一个标记都将变为一个文档dom对象JS在操作时候，直接操作的是dom对象，而不是标记查找html标记（将html元素变为dom对象）getElementByID根据id拿到元素，如果id重复，仅取第一个getElementsByTagName根据name（元素名字）拿到一组name符合的对象，只有1个时也是数组getElementBsyClassName根据classs到符合的对象可进行的操作改变元素内容inn

2021-03-19 09:01:30 81

原创 Day5 JS对象与数据转换

Date新建：1 new Date() //获得当前电脑的系统时间2 new Date（milliseconds） // 设置从1970年1月1日0点+指定毫秒数的日期date.getTime 得到当前日期-1970年1月1日0点的毫秒数3 new Date(“2020/1/11 12:00:00”) //通过指定字符串格式格式需指定4 new Date（年,月,日,时,分,秒,毫秒） //注意，设置月份时，月份从0开始计算（java中：星期几也是从星期日开始算）显示获

2021-03-17 11:53:15 424

原创 Day4 JS对象

对象自定义对象：自己设置内置对象（高级对象：已学习的数据类型对应的官方对象类、日期、简单的数学算式Math、正则RegExp等等、DOM对象：控制html元素、BOM对象：控制浏览器的操作）自定义对象1、使用“{}”创建为对象2、自定义对象可以包含变量和函数3、自定义对象中的变量- 变量名：变量值4、定义函数- 函数名:function(参数){方法；return XXX;}5、调用对象变量对象名称.变量对象名称[“变量名称”/“对象名称”] 对象名[ ’ 变量名 ’ ]6、调

2021-03-16 11:33:16 59

原创 Day3 JS运算符

运算符基本运算符算数运算符： + - / * % ++ –i++ 先用后加（程序从左往右运行，先读取i的值，输出后再进行了加1）++i 先加后用（程序从左往右运行，先加，再进行输出）以上2级的运算高于其他基本运算符比较运算符 == != > <结果是boolean值=== 只有运算值和数据类型都想等时候才会相等逻辑运算符或：|| 与（且）：&& 非：!条件运算符（）？为真输出结果:为假输出结果typeof 检测变量数据类型控制语句顺

2021-03-15 12:09:21 98

原创 Day2 JS变量与方法

JS基础JS语法基础元素：变量、函数（方法）、运算符、流程控制语句、对象，事件变量程序中的运行最小单位，存储数据的’容器’。使用 var a 来声明变量可将赋值与声明一同进行：var b = 123;可一次声明多个变量，var a = 12; b = ‘测试’; //一般不用，不利于程序阅读注：当未声明字段格式时，初始值决定了变量的数据类型作用域（有效范围）：元素生命周期1、可以含有数字、字母、_ $2、不可以以数字开头3、不可有空格中文，可能会产生乱码问题4、区分大小写5、

2021-03-12 11:48:03 110

原创 day1 JS基础

JS基础JS介绍JS：面向对象的脚本语言面向对象：封装、多态、继承脚本语言：不需要经过转换，在运行环境上直接运行的JS与java没有关系，由script母公司通过sun公司合作开发，后续通过ecma协定进行规范作用：1、提供网页动态内容2、进行数据交换和处理（1、和前端用户的交互 2、与后端数据的交互：提交、返回）基本格式引用方式类似CSS1、直接在html标记中编写2、<script>代码块</script>1、被执行的程序编写在script标记中2、s

2021-03-11 11:25:03 67

原创 day3 CSS布局

CSS布局元素浮动float 值：left、right、none（默认）浮动，将元素置为当前所有行内元素内显示行的最左边/最右边，如果前面有块级元素，不会和块级元素在同一行（类似word的浮动样式，将其他内容挤开在周边显示）常用于：导航等内容display 设置元素是否显示及如何显示值： block 显示 none 隐藏常与伪类、js（onmouseover、onmouseout）配合使用，制造如菜单等内容visibility 设置隐藏和显示值：visible 显示 hidden 隐

2021-03-10 22:34:00 70

原创 day2 CSS属性及属性值

css格式字体的css属性color 字体颜色font-family 字体格式注：针对字体没有的情况，可通过设置多个值来 font-family: Arial, Helvetica, sans-serif;系统将自动查找电脑内第一个有的，如果都没有，再用缺省字体font-size 字体大小 font-size：18PXfont-style 设置字体倾斜【normal | italic | oblique 】后两个是不同的倾斜城等font-weight 设置字体粗细【整百的数字【100~9

2021-03-09 19:03:18 119

原创 day1 CSS基础

CSS层叠样式表，用于增强控制html样式，美化html页面。CSS可与html网页在同一个页面中出现，也可与网页分离，作为独立的样式文件被引用。如何使用1、在html直接使用：内联定义在html的标记内，直接使用style属性，直接定义当前元素的样式eg:<p style = "font-size:20; color:blue">test</P>test 缺点：大部分可被html原有标签属性替代，html代码过长2、在html直接使用：内部样式块在he

2021-03-06 12:49:51 100

原创 day4 html框架标记

html框架框架，将网页划分为一个个的小块，每个小块是一个独立的html界面，用于页面布局。说明<frameset rows = "20%,70%,10%"> <frame src ="1.html"> <frameset cols = "20%,80%"> <frame src ="2.html"> <frame src ="3.html"> </frameset> <frame src ="4.html"

2021-03-05 11:41:52 116

原创 day3 html 表格/表单控件

Html body级别标记2表格标记说明table:表格 tr：表格中的行 td:行中的列:实际填值的层级以上是层级/包含的关系属性说明table层级的说明border 最外层的边线粗细，默认不显示为0（在tr td层级之间无效）width 宽 height 高cellspacing 表格内的每个格子之间的间隙，默认为2px 如果想实现行内线的粗细调整，可通过设置bgcolor将背景涂黑，再调整间隙，让间隙加大，漏出背景色来实现cellpadding 表格边框和表格

2021-03-04 11:59:25 177 2

原创 day2 html标记

Html body级别标记属性在头标记内标注，多个属性之间以空格隔开，属性值用双引号包起段落标记<p>被一组段落标记的自成一行，会占满整行，并在段落之间有1行的行间距eg：<p>第一段话</p><p>第二段话</p>实例：第一段话第二段话网页内容标题标记（一般很少用，通过加粗及字号实现，常用于新闻等网页内容内）<h1><h2>……<h6>1.自成一行，显示效果根据数字依次减小（h1最大

2021-03-03 11:53:46 217

原创 daya 1 html基础

html定义：超文本（非纯文字，包括文字、图片、视频等非文字可前端显示的网页内容）标记（html语法规范，用于标注网页元素的）语言，用来描述网页的标记语言。学习其基本元素。软件构成：前端界面、后端运行程序（接口）、数据（DB）html 界面结构，划分架构框架 css 样式 js 行为html+css 静态界面 js 用于处理数据，根据交互行为进行变换。开发工具：idea、notepad、XbuliderX………………XbuliderX：下载、解压缩，打开exe后新建项目-html文件，版

2021-03-02 12:37:49 99

snoozeing的博客