自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 js中删除元素出现错误

Splice()方法用于添加或删除数组中的元素这种方法会出现副作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box span{ line-height:2; } </sty...

2021-04-20 16:19:08 383 1

转载 2018年6月22日(10.location对象)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;  &lt;script&gt;//对象的属性和方法//location对象console.log(window.loca

2018-06-22 21:29:21 126

转载 2018年6月22日(9.javascript加载事件)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;  &lt;script&gt;//只要页面加载完毕了,再获取按钮window.onload = function(){d

2018-06-22 21:19:52 142

转载 2018年6月22日(8.系统对话框)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;  &lt;script&gt;window.alert("你好啊");window.prompt(&

2018-06-22 21:13:38 115

转载 2018年6月22日(7.BOM)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;  &lt;style&gt;    body{      height: 2000px;    }  &lt;/

2018-06-22 21:09:10 95

转载 2018年6月22日(6.模拟百度搜索)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;Title&lt;/title&gt;  &lt;style&gt;    #box {      width: 450px;      margin: 200

2018-06-22 20:54:31 133

原创 2018年6月22日(5.为同一个元素绑定多个不同的事件,指向同一个事件处理程序)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input type="but

2018-06-22 20:31:14 283

转载 2018年6月22日(4.事件冒泡)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;  &lt;style&gt;    #dv1{      width: 300px;      height: 200p

2018-06-22 20:05:59 1157

转载 2018年6月22日(3.绑定事件与解除绑定事件的兼容写法)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input type="but

2018-06-22 19:56:42 353

原创 2018年6月22日(2.javascript解绑事件)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input type="but

2018-06-22 19:44:02 179

转载 6月22日(1.绑定事件的区别)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input type=&

2018-06-22 19:25:27 97

原创 javascript中元素的创建方式(二)

1.代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;  &lt;style&gt;    div{      width: 300px;      height: 2

2018-06-21 21:54:45 98

原创 javascript中元素的创建方式(一)

1.代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input type=&quot

2018-06-21 21:48:03 152

转载 javascript中元素创建的三种方式

1.javascript元素创建的三种方式a.document.write("标签的代码及内容");b.对象.innerHTML = "标签及其代码";c.document.createElement("标签的名字");

2018-06-21 21:45:26 147

原创 javascript案例(复选框勾选)

1.html css部分&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;&lt;/title&gt;  &lt;style&gt;    * {      padding: 0;      margin: 0

2018-06-21 21:42:03 2517

原创 javascript切换背景图片

1.html 和 css代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;哈哈,我又变帅了&lt;/title&gt;  &lt;style&gt;    * {      margin: 0px;   

2018-06-21 21:25:15 1145 1

原创 javascript节点代码的兼容写法

1.html和css代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;ul id=&q

2018-06-21 21:19:47 330

原创 2.javascript小案例2(设置li标签隔行变色)

1.html和css代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input ty

2018-06-21 21:05:34 752

原创 1.javascript节点小案例1(隔行变色)

1.html和css代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;title&lt;/title&gt;  &lt;style&gt;    div {      width: 300px;     

2018-06-21 20:52:36 140

原创 javascript中节点的介绍

1.文档-------&gt;document2.元素-------&gt;页面中所有的标签,元素(element)根元素:html标签3.节点-------&gt;页面中所有的内容(标签、属性、文本(文字、换行、空格、回车)),Node节点的属性:nodeType:节点的类型:1=====》标签,     2=======》属性,   3======》文本nodeName:节点的名字:标签节点-...

2018-06-21 20:42:57 606

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除