- 博客(30)
- 收藏
- 关注
RSS订阅原创 Ajax基础
什么是Ajax无刷新数据读取用户注册，在线聊天异步，同步（只能重复服务器上读取东西）ajax 能且仅能从服务器读取文件，所有东西都是字符串loacalhost/aaa.txt访问本地路径eval的用法 <script type="text/javascript"> // var str='5-4*8-5'; ...
2019-07-29 20:36:00
95
原创 关于cookie基础
什么是cookie页面用与保存信息cookie特性1.同一个网站中的页面共享一套cookie2.数量大小有限3.过期时间js中使用cookiedocumnet.cookie=‘’cookie使用设置cookie-格式：名字=值过期时间：expiress=时间封装函数 <script type="text/javascript"> ...
2019-07-29 11:54:21
109
原创 事件
新窗口打开window.open <script type="text/javascript"> window.onload=function() { var oBtn=document.getElementById('btn1'); oBtn.onclick=funct...
2019-07-29 00:09:37
119
原创 DOM基础
DOM节点获取子节点childNodes oUl.childNodes.length在火狐下空格算一个文本节点nodeType 1算作元素节点，3算作文本节点children 兼容性 不会吧空文本选出来this 当前发生时间的元素parentNode 父节点offset Parent：寻找当前元素定位的东西首尾子节点获取首个子节点firstChild //IE下用fis...
2019-07-28 18:10:30
107
原创 DOM
创建DOM元素createElment(‘标签名’)：创建一个元素createElment('li')var oLi=document.createdElement('li');appendChild(oLi);在(父节点)上创建一个(子节点)oUl.appendChild（子节点)insertBefore在已有元素前插入元素父节点.insertBefore(子节点，原有节点)...
2019-07-28 10:29:27
101
原创 关于数组
数组使用varr arr[12,3,4,5,6];var arr=new Array(12,3,4,5,6);#### 数组元素的添加添加push（元素）：从尾部添加元素unshift(元素)：从头部添加元素var arr=[1,2,3];arr.push(4);alert()删除pop(): 在尾部删除元素shift()：在头部删除元素var arr=[1,2,3...
2019-07-27 21:10:19
73
原创 函数
命名规则1.首字母大写2.类型前缀运算符1.算术运算（例子 隔行变色，秒转时间），赋值运算，关系运算，逻辑运算，运算符优先级（括号）程序流程控制判断：if switchswitch(变量){ case 值1: break; case 值2: break; default：}三木条件?语句1:语句2;...
2019-07-26 12:11:28
74
原创 Ajax
Ajax基础什么是Ajax无刷新数据读取用于用户注册，在线聊天室什么是服务器网页浏览分析过程使用Ajaxfunction ajax(url（告诉服务器读的文件),fnSucc（一个函数，异步工作机制，不定什么时候执行完）,fnFaild（）)<script>window.onload=function(){ var oBtn=document.getElement...
2019-05-30 19:00:13
113
原创 创建、插入、删除、文档碎片
创建createElement 创建一个元素、插入appendChild 在父级上 插入一个子节点（把子节点插入父级）父级.appendChild(子节点)insertBefore(字点，谁之前)删除removeChild 删除文档碎片文档碎片可以提高DOM操作性能（理论上）...
2019-05-30 11:38:09
89
原创 数组
数组var arr=[1,2,3,4];快速清空数组arr.length=0;数组原则var arr=[1,2,3];arr.push(4); //给数组尾部添加一个数arr.pop(); //从数组尾部开始删除arr.shift(); //从数组头部开始删除arr.unshift(4); //给数组头部添加一个数数组排序、转换arr.sort(); //...
2019-05-30 10:24:13
91
原创 函数传参
函数返回值function sum(a,b){return a+b;}alert(sum(a+b)）;一个函数应该只返回一种类型的值arguments： 用来获取有多少个参数可变参(不定参)：arguments参数的个数可变，参数数组例一：参数求和<scritpt>`function sum(){var sum=0;var i=0;for(i=0;i...
2019-05-29 17:24:42
626
原创 浮动
后代选择器必须要有空格 .box .item（选择的式box类名内所有的item类）浮动背景知识：浮动是为了解决文字环绕问题的块级元素：无视掉浮动元素行内元素：还是能感受到浮动，所以被挤开了本质上是怎么回事：浮动使元素层级上升。文本永远排斥浮动元素。基本层级：最下面是文本（inline/inline-block）层级2；浮动层级：层级1.5；块级元素：层级1；浮动的高度塌...
2019-05-28 17:35:54
85
原创 js学习
js组成ECMAScript解释器、翻译（定义变量，定义函数）DOM（Doucument Object Model）文档，对象，模型（操作页面钟的元素）BOM (Browser Object Model)浏览器，对象，模型（window 操作浏览器）几乎不兼容变量类型类型 ： typeof运算符undefined 1. 你真的就没定义 2.虽然定义了，但是没给值number 数...
2019-05-28 12:19:25
81
原创 背景
<!-- 设置背景图片: 背景图片会覆盖背景颜色. 图片地址: 绝对路径: 任何地方有网都能访问 相对路径: 相对自己的这个网页 ./ 当前文件夹 ../ 回到上一级文件夹 ../../ 回到上两级文件夹 ../../../ 复合样式: 背景图片大小调整 先水平 再竖直 ...
2019-05-22 09:22:11
88
原创 小细节
imgimg 标签不能加在ul,li标签里，最好能用一个盒子包裹。初始化body,p,ul,li, ol,{ maragin:0px; padding:0px;}ul,li{ list-style:none;}a {text-decoration:none;}id只能有一个，唯一性。限制宽高。多用ul span...
2019-05-18 22:22:19
73
原创 行内元素
解决行内元素的空隙1.删除空格2.给行内元素父级设置字体大小，font-size：0px；display：none；浏览器不会渲染不占据空间（如同消失），子元素也会消失。display:block;显示，渲染...
2019-05-17 22:42:01
86
原创 块级盒模型 行内盒模型
行内盒模型1.行内盒模型 不支持宽高（width，height） 块级盒模型是支持。2.行内盒模型不支持 margin-top 块级盒模型是支持的3.行内盒模型和块级盒模型都支持左右。4.行内盒模型的上下padding不会对其他元素产生物理影响（推开其他块或改变自身位置）但会产生显示上的影响。5.行内盒模型的padding-left，margin-left可以使用，可以把自己推开。6....
2019-05-17 16:29:23
482
原创 前端学习无缝滚动
style-left与offsetleft的区别1.style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html里，我做过试验，如果定义在css里，style.left的值仍然 为空，这就是我刚开始碰到的问题，总是取不到style.left的值。offsetLeft则仍然能够取到，无需事先定义div的位置。2. style.left 返回的是字符串，如28px，offs...
2019-05-16 17:26:08
435
原创 qq延时窗口学习
例一<!DOCTYPE html><html><head> <title>js.xuexi</title> <style type="text/css"> #div1{ width: 300px; height: 50px; background: red; } #div2{ m...
2019-05-16 10:57:40
90
原创 连等效果
连等效果var a；var b;a=b=3;alert(a'+'b);<!DOCTYPE html><html><head> <title>js.xuexi</title> <style type="text/css"> #div1{ width: 300px; height: 50px;...
2019-05-16 10:54:22
100
原创 小节
animation<!DOCTYPE html><html><head> <title>html.xuexi</title> <meta charset="utf-8"><style type="text/css"> body{ background: blue; } .demo{ wid...
2019-05-15 22:59:33
93
原创 div模型
可以按FN+F12在style中改变margin的距离权重 行内>ID>class(类)>选择器（标签）>*(通配符)div,p,a/.div1,.demo,.oBtn{}选择器 /类（这是多选）当子级和父级在纵向移动时，子级的margin改变也会带动父级，（外边距合并，这是正常现像）可以在父级加一个border或者padding来限制父级，解决外边距合并。tran...
2019-05-14 22:36:11
238
原创 第三小节
innerHTML显示html中的字this这个html字符串’+…+'字符串setInterval（函数名 时间）function show(){ alert('a'); }setInterval(show,1000);//1秒弹出一次（1秒=1000毫秒），不断重复。setTimeout(函数名，时间) function show(){ alert('a'); ...
2019-05-14 19:42:04
104
原创 for
getElementsByTagName(’’)get:获取；Elements:元素；By：通过；TagName:标签通过ID获取标签checked是否选中 ：checked=true;选中；this当前发生事件的元素alert（this.value）；...
2019-05-11 16:47:56
71
原创 js学习第一课
js学习第一课JS中的函数函数的定义function 函数名（）{}函数的调用<div id="div1"onmouseover="toGreen()" onmouseout="toRed()">变量的使用var dgg=document.getElementById('div1');<!DOCTYPE html><html><...
2019-05-10 16:39:35
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人