当前位置:文档之家› 爱创课堂 前端教程js基础 结合数组观察闭包 DOM概述 html操作 css的操作

爱创课堂 前端教程js基础 结合数组观察闭包 DOM概述 html操作 css的操作

爱创课堂 前端教程js基础 结合数组观察闭包 DOM概述 html操作 css的操作
爱创课堂 前端教程js基础 结合数组观察闭包 DOM概述 html操作 css的操作

js基础结合数组观察闭包DOM概述 html操

作 css的操作

三、结合数组观察闭包

数组中的数据可以是任何类型,现在让数组中的每一项存入一个函数。

1 var arr = [];

2 for(var i = 0 ; i < 10 ;i ++){

3 arr[i] = function(){

4 console.log(i);

5 }

6 }

7 console.log(arr);

8 console.log(arr[1]());

9 console.log(arr[2]());

10 console.log(arr[3]());

1 // 使用IIFE

2 var arr = [];

3 for(var i = 0 ; i < 10 ; i ++){

4 (function(a){

5 arr[a] = function(){

6 console.log(a);

7 }

8 })(i);

9 }

10

11 console.log(arr);

12 // console.log(arr[1]());

13 // console.log(arr[2]());

14 for(var i = 0 ; i < arr.length ; i ++){

15 console.log(arr[i]());

16 }

四、DOM

4.1 DOM概述

我们前面JS学习都是语言核心部分,也就是ECMAscript。一般都是在控制台、输出语句里操作,JS还包括DOM和BOM。

DOM(Document Object Model,文档对象模型)描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。

这使得JavaScript操作HTML,不是在操作字符串,而是在操作节点,极大地降低了编程难度。

DOM对很多东西做了抽象,提供了丰富的API:取得元素、css样式、事件、运动、元素尺寸位置、节点操作。

体会DOM操作:

1 // 得到元素

2 var oBox = document.getElementById("box");

3 var oImg = document.getElementById("img");

4 //更改css样式

5 oBox.style.backgroundColor = "yellowgreen";

6 // 鼠标进入

7 oImg.onmouseover = function(){

8 oImg.src = "images/baby.png";

9 }

10 // 鼠标移除

11 oImg.onmouseout = function(){

12 oImg.src = "images/xiaoming.png";

13 }

4.2 html操作

JavaScript通过document对象表示文档,它表示整个页面。它有很多属性和方法,包含了绝大多数多页面的特征和操作。

DOM操作,往往都是从取得某个(些)HTML元素开始,然后对这个(些)元素进行一些操作。所以得到元素是非常重要的。得到元素的操作可以使用document对象的两个方法来完成:

我们常用的得到元素的方法:

1 document.getELementById() //通过id名得到元素的方法

2 document.getElementsByTagName()//通过标签名得到元素的方法

通过id名获取元素:双引号中直接书写id名不要加#。

1 var img = document.getElementById("#img"); //错误写法

通过id获取的元素是对象类型。可以直接使用点语法使用对象具有的属性和方法。

1 console.log(typeof img);

1 通过点语法获取元素的属性(读取)

2 // 通过点语法获取元素的属性

3 console.log(img.id);

4 console.log(img.src);

可以使用=进行赋值

1 // 可以使用=进行赋值

2 console.log(document.title);

3 document.title = "这是新的标题";

4 console.log(document.title);

其他的属性都可以进行赋值只有id不能。因为id是只读属性不能更改。

1 console.log(img.id);

自定义属性不能使用点语法操作。

1 console.log(box.hua);

自定义属性的读取和设置:

getAttribute() 读取

setAttribute() 设置

1 console.log(box.getAttribute("hua")); //读取自定义属性

2 box.setAttribute("hua", "baicai"); //设置自定义属性

3 console.log(box.getAttribute("hua"));

点语法和getAttribute(),setAttribute()区别:

①点语法只能用于操作html原有的属性不能操作自定义属性。而getAttribute

(),setAttribute()可以。

1

内部文字

2 console.log(box.hua);

3 console.log(box.getAttribute("hua"));

②点语法操作属性时,属性名可能需要更改。而getAttribute(),setAttribute()不需要。class 改为className

for改为htmlFor

colspan改为colSpan

rowspan改为rowSpan。

1 console.log(box.className);

2 console.log(box.getAttribute("class"));

③点语法操作对象时得到的是对象,getAttribute()得到的是字符串。

1 console.log(typeof box.style);

2 console.log(typeof box.getAttribute("style"));

④点操作:style是对象可以继续打点。而getAttribute("style")得到的是字符串不能进行一层操作。

点操作时用到复合属性需要使用驼峰命名法,而getAttribute("")不需要。

1 console.log(box.style.backgroundColor);

2 console.log(box.style.borderRightColor);

总结:虽然点操作和getAttribute(),setAttribute()都可以读取属性或者设置属性,但是只有自定义属性才使用getAttribute(),setAttribute()。其他情况都使用点操作。

4.3 css的操作

我们通过点语法得到的style是一个对象,继续通过打点调用属性。

通过style只能获取和设置行内的样式,不能得到计算后的样式。

通过获取属性重新等号赋值,等号右侧赋的新值需要用双引号包裹,原来css样式值怎么写,

引号里就怎么写。

style再下一层级的样式属性如果是复合属性,需要写驼峰式命名法。

1 box.style.backgroundColor = "pink";

2 box.style.borderWidth = "10px";

4.4 事件

事件监听:我们计算机在解析我们JS代码的时候,会去看某一些元素身上是否添加了事件。随时监听这些事件有没有被触发,如果触发就立即执行相应的行为。

onclick 单击

ondblclick 双击

onmouseover 鼠标移上

onmouseout 鼠标移出

onmousedown 鼠标按下

onmouseup 鼠标弹起

onfocus 获取焦点

onblur 失去焦点

onload 加载完毕之后

添加事件监听方法:通过给一个对象添加.事件,赋值一个函数。

这个函数会在事件被触发的时候立即执行。

1 box.onclick = fun;

2 function fun(){

3 alert(box.innerHTML);

4 }

总结:执行函数又多了一种方法,可以将函数绑定给事件,触发事件就会立即执行函数。函数名(),是我们之前学的方法。

js书写位置一定要注意。如果写在body部分需要将js写在所有的html元素的最后。

1 window.onload = function(){

2 这些语句是在html所有的元素加载完毕之后执行

3 }

onload,在我们的指定的元素加载完之后,执行。

1

下拉菜单的效果:

1 // 鼠标移进box出现list

2 box.onmouseover = function(){

3 list.style.display = "block";

4 }

5 // 鼠标移除list隐藏

6 box.onmouseout = function(){

7 list.style.display = "none";

8 }

案例:字符串拼接的轮播图

1 img.src = "images/lunbo/" + index + ".jpg";

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

怎样才能成为一名优秀的web前端工程师

怎样才能成为一名优秀的web 前端工程师 Web前端工程师简称为前端工程师,它是随着web的发展细分出来的职业。Web前端开发技术主要包括三个要素,分别是:HTML、CSS、JavaScript。作为一名web前端工程师不仅要掌握基本的web前端开发技术、网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。作为一名刚入门的前端工程师通常都会有这样的疑问:“怎样才能成为一名优秀的web前端工程师”? 第一:多写 爱创课堂的资深讲师如是说:“很多问题都是靠慢慢积累而来的,只有亲手去写了才能真正的理解与记忆,俗话说:好记性不如烂笔头。很多学员都会问我为什么知道那么多CSS兼容解决方案,我只能告诉他:实践的经验,因为我写过很多的项目,遇见过很多的bug,都是自己亲身实践一步一步的调试过来的。” 第二:多看 “书籍是人类最好的朋友”,这句话还是有一定道理的,在飞速发展的网络时代,不要总是把书籍束之高阁。要想成为一名优秀的web前端工程师经常看一些相关的书籍或者在网上浏览一些相关的文档,相信你一定会受益匪浅的。 第三:多浏览blog 在web前端的世界里,什么是高手?高手就是别人不会的内容,你却可以了如指掌;高手就是别人解决不了的细节问题,你却可以信手拈来。很多高手都有写blog的习惯,这些高手在blog里不会写一些简单的list,而是针对某个问题深入研究,所以看这些高手的blog 对于进阶有很大的帮助。 第四:至少学一门后端语言 前端与后端还是有很多相通的地方的,或许你平时很少用到这些后端语言,但是在工作中这些后端语言会有利于你对一些问题的理解。比如Ajax,还有HTML5 中像Web sockets、post message 之类的API。 第五:多学习 移动互联网大潮下各类技术瞬息万变,为此爱创课堂的web前端培训专家提示,你应该学会HTML5、CSS3、响应式网站开发等技术,精通JavaScript、JQuery、Ajax等核心技术,具备互联网交互设计能力、熟悉后端服务器运行环境和数据通信协议,掌握响应式布局框架、

制作一个简单的网页

制作一个简单的网页 教学目标: 1、知识目标:了解网页的基本概念以及建立网站的一般方法,学习制作只有文字的网页. 2、能力目标:让学生通过学习掌握建立网站的方法,学生通过学习能够建立只有文字网页. 3、情感目标:培养学生主动实践,勇于实践的勇气,和敢与参与的意识。教学重点: 建立网站制作网页 教学难点: 建立网站制作网页 教法、学法分析: 由于本节课作为制作网页的基础知识,学生可以根据所学知识自己进行操作,教师在此过程中进行适当的指导既可。为了让学生能够充分了解网页的概念,采用教师讲解的教学方法,为了培养学生主动实践的勇气与参与意识,采用学生自主学习的方法。 教学过程: 引入: 我们已经学习过因特网的基础知识和应用,实际体验了“网上冲浪”的滋味,网上世界的确很精彩!但是我们有什么方法能让更多的人了解自己或者自己的学校或家乡呢?最好的方法就是制作一个关于自己或家乡的网页并把它发布到网上。通过了今天的学习我们就能够做到了。

一、网页的概念: {通过多媒体展示“我的家乡”网页,向学生介绍网页的组成,让学生了解网页的概念,并做出总结} 网页就是把用文字、图形、声音、影视等多媒体形式表达的信息,以及分布在因特网上的相关信息,相互链接起来而构成的一种信息表达方式。 二、制作网页前的准备工作 1、认识网页制作工具FrontPage {学生打开FrontPage软件,通过以前学习过的知识认识该软件的窗口,并了解各栏中按钮的作用。} 2、准备好网页素材 [学生在因特网上查找关于“我的家乡”的相关资料,并保存在自己的文件夹中,以便在制作网页时作用。] 三、建立“我的家乡”网站 [根据“做一做”建立一个自己的网站“命名为”我的家乡。] 布置作业: 构思自己的网站,并在小组中进行讨论。 [学生思考问题,并进行操作。] {建立网站后,我们还需要在网站中加入网页,这样我们的网站才能充实起来。} [学生在自己的文件夹中建立一个站点命名为“我的家乡” 根据“做一做”中的提示制自己作主页并保存。然后分别建立其他几网页陕西风景欣赏、陕西古诗文欣赏、自我介绍。]

4:JavaScriptjavaDOM

JavaScript制作页面特效课后练习 1.在某页面中有一个图片和五个超链接,如下图所示,单击不同的数字超链接显示不同的 图片: 图1 图片幻灯片显示效果 提示: (1)默认显示一个图片,五个超链接调用同一个传参函数,参数设置为显示图片的名称。 (2)使用“对象名.属性值”或setAttribute()的方式改变图片的名称。 2.做一个模仿删除用户的页面,功能如下: 默认情况下,在一个Table 里面放置若干用户信息,后面有“删除”链接:

图2 模仿删除用户的页面效果1 点击“删除”链接,弹出对话框,提示用户是否继续操作: 图3 模仿删除用户的页面效果2 用户点击确定后,要删除的一行,自动加上删除线,表示处于删除状态: 图4 模仿删除用户的页面效果3 提示: (1)使用confirm 弹出确认框,如果用户点击“确定”,则返回true,进行下一步操作; (2)定义一个类样式,用来标识删除状态,如果用户点击了“确定”按钮之后,该行所对 应的tr 标签,自动应用该类样式。 3.做一个横向导航菜单,并且每一项均包含一个二级的菜单,效果图如下:

图5 横向导航菜单 当鼠标不在菜单上时,二级菜单不显示,当鼠标移动到任一项上时,显示该项对应的二级菜 单。 提示: (1)使用对象的display 属性可以控制对象的显示与隐藏; (2)使用相对定位/绝对定位来控制二级菜单的显示位置; (3)使用鼠标的两个事件(onmouseove/onmouseout)来触发控制函数。 4.做一个横向不间断滚动的特效,效果图如下:

图6 图片横向滚动特效 要求:图片始终横向向左滚动,并且每一张图片首尾相连,不存在间断。 提示: (1)若要使图片不间断,则需要将图片列表重复一次,这样第一遍的末尾图片和第二遍的 开始图片就能相连了,即使用innerHTML 属性让图片内容翻倍;(2)使用setInterval()方法,可以控制一个函数每隔多少毫秒执行一次; (3)使用绝对定位与相对定位结合,可以使图片所在的层相对于父层的位置可控,方便随 着计时器的执行,left 的值递减;

最简单的网页

六年级信息技术上册 《最简单的网页》 四课时 一、教学目标: 利用多媒体计算机和互联网络环境,为学生们创设一个开放的学习空间,让学生自主地利用双向互动的教学辅助软件了解、掌握和巩固所学的知识,进一步探究网页的制作方法及技巧,培养学生的计算机综合应用能力、想象力、创造力、自学能力和综合审美能力,为学生深入地掌握FrontPage软件并运用到实际生活打下坚实的基础。 二、教学对象分析: 小学六年级学生的观察、分析、比较、想象等能力逐渐成熟,在性格上表现好奇、大胆,追求自己的个性,比较喜欢开放、自由的学习环境,主观意识较强。并具有了一定的自学能力和模仿能力,但学生还多以感性表象来掌握概念,形象思维仍是学生掌握知识的主要思维方式,学生对知识的吸收绝大部分都是建在感性认识的基础上,兴趣爱好仍然是学习最好的动力。因此,这节课利用Internet 网络教学,激发他们的热情,很好地发挥了学生主观能动性和创造性,使学生成为学习的主人,有利于培养学生的创新思维。 三、教学重点、难点: 掌握FrontPage的打开、保存、退出以及在FrontPage中编辑文字。 四、教学策略及教法设计: 根据教材的目标,以及学生的特点,教学的辅助课件是用FrontPage制作的网页,目的是建立一个双向互动的教学环境,使学生在网络的环境下,进行学生之间互相合作学习,与教师互动学习,充分发挥学生的主体作用,老师的主导作用,培养学生协作能力。根据学生的不同层次,建立“三位一体”的教学编排,既照顾全体学生,又照顾不同层次的提高,在“基础层次”中让学生初步按照教材的示范初步制作出文字网页:“练习层次”,强化练习,制作出完全并有一定水平的文字网页:三是“拓展层次”,拓展FrontPage的应用,插入三维艺术字、图片等。 在教法上,教师主要使用了直观演示法、主动尝试法、协作学习法、成功体

《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解

《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 (课程英文名称) 课程编号:201509210011 学分:5学分 学时:64学时(其中:讲课学时:45 上机学时: 19 ) 先修课程:计算机基础、计算机网络、计算机应用 后续课程:UI设计、 JavaScript网页特效 适用专业:信息及其计算机相关专业 开课部门:计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习,学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向,熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事(2学时) [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用

使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准,明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作,能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面(4学时) [相关案例] 【案例1】简单的网页: 【案例2】新闻页面: 【案例3】图文混排: [知识点] HTML文档基本格式

爱创课堂 前端课堂笔记 js基础字面量

三、字面量 字面量:是表示固定值的一种表示方法。字面量的字面含义就是你看到什么就是什么。 字面量也叫常量。 字面量:数字,字符串,undefined,布尔类型的值。今天只学数字字面量和字符串字面量。 3.1 数字字面量 数字字面量包含:整数,浮点数(小数),特殊值。 ①整数: 十进制表示法,八进制表示法,十六进制表示法。 八进制表示法:前缀0,0o,0O,后面数字0-7。 十六进行表示法:前缀0x,0X,后面数字0-9,字母a-f或者A-F 在进行算术运算时,都会转换成十进制。(控制台输出的是十进制的数) 八进制:逢八进一。 4console.log(010000); 八进制每一位数都不能超过7,如果超过了会强制转换成十进制。 1console.log(087); 前缀是0o或者0O会直接报错。 1console.log(0o87); 2console.log(0O87); 十六进制:逢十六进一 1console.log(0X10); 2console.log(0x100); 3console.log(0x1000); 4console.log(0xff);

十六进制每一位数不能超过0-9或者a-f(A-F),超过直接报错。1console.log(0xgh); 以下这些都输出15 1console.log(15); 2console.log(017); 3console.log(0o17); 4console.log(0O17); 5console.log(0Xf); 6console.log(0xf); 以下这些都输出-15 6console.log(-0xf); ②浮点数字面量 整数.小数(浮点数只能用十进制表示) 表示: 1console.log(22.33); 2console.log(-1.8); 3console.log(0.893); 4console.log(.893);

简单的网页制作教程-设计一个个人网站

题目:设计一个个人网站 一、要求: 1.使用Dreamweave网页工具制作一个个人网站; 2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。 3.网页中要有图片和文字内容,用表格进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题,动态按钮导航栏。 首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图 打开Dreamweaver软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。

新建站点后得到这样一个界面 点选高级,得到界面 站点名称与我们建文件夹得名字相同,zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs, http地址为http://localhost/zs

接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs

然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择 然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,

网页设计与制作项目教程(HTML+CSS+JavaScript)(一般)

《网页设计与制作项目教程()(一般)》试卷 得分 一、单选题(每题2分,共计30分) 1.关于<>标记的描述,下列选项中正确的是()。() A、是表格中的单元格标记 B、可以单独使用 C、是表格中的行标记 D、没有属性 2.若超链接的属性,需要链接到页面中的锚点,以下书写正确的是()() A、 B、 C、 D、 3.中,通过链接伪类可以实现不同的链接状态。下列用来定义未访问时超链接状态的是()()A、 B、 C、 D、4.下列有关样式,说法正确的是()。() A、样式必须写在一对;标签内部 B、用于设置页面中的文本内容、图片的外形以及版面的布局等外观显示样式 C、只有外部的文件才是符合结构与表现分离的特点 D、目前流行的版本为3 5.下列样式代码中,可以实现相对定位模式的是()。() A、: ; B、: ; C、: ; D、: ; 6.关于样式代码“{:200; :15; :20;}”下列说法正确的是()。() A、的总宽度为200 B、的总宽度为270 C、的总宽度为235 D、以上说法均错误 7.关于行内式引入样式表,以下书写正确的是()() A、 :12; ;段落文本; B、 :12, ;段落文本; C、 :12; ;段落文本; D、 :12; ;段落文本; 8.使用标签指定式选择器,让段落应用名为的类,下列写法正确的是( )() 总分题号一二三四五题分 得分

A、 {;} B、{;} C、{;} D、{;} 9.下列选项中,调用名为"" 的函数正确的是()() A、 B、() C、() D、 10.认真阅读下面代码,并按要求进行作答。1=" a "2=" "312;根据上述代码,3的运算结果是()() A、 B、 C、 D、 11.关于有序列表的描述,下列说法正确的是()() A、有序列表没有排列顺序 B、有序列表按顺序排列,并不带有序号 C、有序列表按顺序排列并通过属性定义序号样式 D、有序列表不可以和无序列表嵌套使用 12.若要在网页中插入样式表,以下用法中正确的是()() A、; B、; C、; D、; 13.下列选项中,用于删除当前节点的子节点的方法是()() A、() B、() C、() D、() 14.以下属性中,不能增加盒子尺寸的属性是()。() A、 B、 C、 D、 15.网页程序设计中,运行下面的代码,则对话框中将显示()。< ""> 3 2 (2)(z);<>() A、2 B、2.5 C、5 D、16 得分 二、多选题(每题3分,共计15分)

爱创课堂前端培训VueJS第1天课堂笔记(本课程共3天)

爱创课堂前端培训 VueJS 第1天课堂笔记(本课程共3天) 班级:北京前端训练营六期 讲师:张容铭 日期:2016年6月10日 张容铭老师 微博:@张容铭_YYQH QQ : 286031482 E-mail : yuye_qinghe@https://www.doczj.com/doc/286787182.html, 爱创课堂官网:https://www.doczj.com/doc/286787182.html,

VueJS (1) 复习 (3) 一、百度图片 (5) 二、VueJS介绍 (5) 2.1 vue源码 (6) 2.2官网 (6) 2.3体验vue (7) 三、Vue (8) 3.1 Vue实例化对象 (8) 3.2选择器 (8) 3.3数据绑定 (9) 四、插值 (9) 4.1属性插值 (9) 4.2单次插值 (10) 4.3过滤html插值 (10) 4.4 插值表达式 (10) 4.5插值过滤器 (10) 下午复习 (11) 五、数据动态绑定 (12) 六、数据双向绑定 (12) 七、绑定类四种方式 (13) 八、绑定样式的四种方式 (14) 九、模板指令 (15) 9.1条件模板指令 (15) 9.2 Template模板元素 (15) 9.3循环模板指令 (15) 9、4支付宝注册 (16) 作业 (16)

复习 Backbone 模型 创建模型 实例化对象 Defaults Initialize Set On hasChanged Get toJSON Unset 删除校验 视图 创建视图 实例化对象 El setElement Initialize Render Events Underscore Template 集合 创建集合 集合实例化对象 Add 去重 Get toJSON Remove On Underscore拓展 Filter Some Every

web开发知识练习(HTML标签和JavaScript脚本)

网上客服培训考核 ---阶段二HTML标签和JavaScript脚本 试题类型:HTML标签和JavaScript脚本 考核类型:开卷

1. HTML(Hypertext Markup Language超文本标记语言)是一种用来制作超文本文 档的简单标记语言。利用各种标记(tags)来标识文档的结构以及标识超链(Hyperlink)的信息 2.HTML的标记总是封装在由 < 和 > 构成的一对尖括号之中。 除少数几个转义序列之外,HTML标记忽略大小写,即等价于<TITLE> 3. <html> 标记用于Html文档的最前边,用来标识Html文档的开始。而</html>标记 恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束。所有其它HTML标记和文档内容都包含在这对标记之间。 4.<head> 与 </head> 之间的头部信息通常含有 <title> 标记,用来确定HTML文件 的标题,即显示在浏览器左上角标题栏处的文字。 5. <head></head> 构成Html文档的开头部分,此标记对之间包含的是HTML文档 的头信息,如标题、说明内容等等,其中可包括<title>等标记对 6. 之间的内容是HTML文档的主体部分,在此标记对之间可包含、 、



等众多的标记它们所定义的文本、图像等将会在浏览器的框内显示出来,标记中还可以有很多属性,以下是主要的几种设置背景颜色bgcolor =”颜色码”,设置文本颜色 text = “颜色码”,设置链接颜色 link = “颜色码”,设置已使用的链接的颜色 vlink = “颜色码”,设置正在被击中的链接的颜色 alink = “颜色码”。 7. 之间的内容是HTML文档的标题,标题的显示位置不是浏览器的 文本区,而是在Web浏览器窗口最左上方的蓝色标题栏里。 8.标记对是用来创建一个段落(Paragraph),在此标记对之间加入的文 本将按照段落的格式显示在浏览器上。另外,标记还可以使用align属性,它用来说明对齐方式 9. 是典型的单标记,使用也很简单,它的功能是用来创建一个回车换行 10.
标志对用来排版大块Html段落,也用于格式化表,此标志对的用法与 标志对非常相似,同样有align对齐方式属性。 11.
 标记用于显示预格式化文本(Preformatted Text),在这对标记之 间的文本,与其他HTML文本的格式编辑方式不同 12.Html语言提供了一系列对文本中的标题进行操作的标记对: 

……
,一共有六对标题的标记对 13.用来使文本以粗体效果的形式输出; 14.用来使文本以斜体效果的形式输出; 15.用来使文本以带下划线的形式输出。 16.则用来输出加重语气文本(通常也是斜体加黑体)。 17. 是一对很有用的标记对,它可以对输出文本的字体大小、颜色进 行随意地改变,这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的。 size属性用来改变字体的大小,取值范围从1到7;而color属性则用来改变文本的颜色 18. 是单标记,它通过src属性指定当前位置要插入的图像文件,标记还有alt、

怎样制作自己的网页

和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具:字体:大中小 一 首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。 建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。 第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。 第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。 怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到大的网站如新浪、网易去先买一个个人空间,大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版,这个软件最大的特点就是“所见即所得”,也即是制作过程中看到的,便是到时发布到网络上的。 二、教程

关于JavaScript DOM的学习总结

关于JavaScript的学习总结 通过对《JavaScript DOM编程艺术》这本书的学习,总共学习到三大部分的内容:JavaScript1,JavaScript DOM和CSS样式表。CSS和JavaScript 都是通过控制页面标签的方式,来完善页面,使页面更美观,内容更丰富。 一、JavaScript部分 1.关于JavaScript js脚本语言 JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 2.JS变量 2.1 JS的变量为易变量,没有类型的限制可以等于所有的类型。 2.2 JS变量的命名规则和java相同,且区分大小写。 JS的数据类型有7种:Number 数字类型、String 字符串类型、Boolean 布尔类型、Array 数组类型、Object 对象、Null 空对象、Undefined 未定义。 2.3 变量的声明,直接用var关键字声明即可:var a=90。也可以一次性声明多个变量:var b=1,c=2,d=3。如果一个变量没有声明就使

用,或是声明了没有设置值都是undefined。 3.数据类型的定义 数值类型: var age=33; 字符串类型: var mood=”happy” 布尔值类型: var add=true; 数组类型: var list= Array(2) list[0]=”jhon”; list[1]=33; 或者: var list=Array(“jhon”,33) (注:数组内可定义任意类型的数据,且数组下标从0 开始) NULL类型: var name=null ;或name=””; Undefined类型: var person; 对象类型: var jer= new person; 对象类型是一种非常重要的数据类型.对象是自我包含的数据集合,包含在对象里的数据可以通过两种方式--属性(property)和方法(method) 访问 例如: person.age Math.round() 4.JS操作符 算数操作符:加法(+),减法(-),乘法(*),除法(/) 如: var num=1+1; var num=num-1; var num=num*num; var num=num/2;

Web前端开发需要学什么

Web前端开发需要学什么? 想要从事web前端的朋友们,你们都要考虑清楚的哦,对于其学习的内容首先要进行归纳总结,将思路在大脑里面进行疏通,知识的学习不能急,由其是前端技术的学习是需要有前后顺序的。那么现在就让我来给你的学习思路来进行一下疏导吧! 想成为一个web前端开发工程师,需要掌握的知识有很多,大概包括:HTML、CSS、JAVASCRIPT、XML、JSON、服务器脚本语言(PHP,ASP,.NET,JSP等等)、jquery框架、页面性能优化、SEO站内优化、开放服务API接入、浏览器兼容性调试、W3C规范等等。 其实,在转行之前,我只知道Web前端开发特别吃香,然后再加上我的网络工程专业学得并不好,就业不理想,偶然的机会,在网上看到了了爱创课堂,才下定决心转行学了Web 前端。在爱创经过全日制5个月实训,和全程20个项目实战,我从一个小白,逐渐学会了h5从入门到精通、前端框架技术等,完全能掌握应聘企业对前端开发工程师的要求。不得不感谢爱堂从初级到高级课的每位老师,由此营造起我新的人生。 1.html HTML是指超文本标签语言,是目前web领域应用最广泛的语言,我们只需要在html文档中插入对应的标签,即可实现web页面的编写与排列。所以要熟练掌握HTML基本知识,包括每个标签的用法等。 HTML这个是最简单的,也是最基础的。要熟练掌握其中的div、form table、ul li 、p、

span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本table是用来和数据打交道。 2.css CSS指层叠样式表,英文缩写为Cascading Style Sheets。CSS可以为HTML标签自定义样式,通过设置HTML标签的样式,来改变其外形,达到美化与排版web页面的目的。当然这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为我上面说了div就是html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好。css要熟练掌握float、position、width、height,以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一定要掌握。因为它可以将你写的东西直观的展示出效果给你看,这个就是前端开发的显示效果。 3. JavaScript JavaScript是网页脚本语言,它可以在html中运行,设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建cookies等等,现在各大网站都可以看见JavaScript的踪影。例如最常见的网站首页大眼睛、警告提示框、页面动画效果等等。也就是我们常说的js。可能前两个大家觉得还过的去,看到js就头疼了,其实吧,js 入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏

简单网页制作教学设计

《简单网页制作》教学设计 一、设计意图: 目前网络对学生的吸引力很大,学生上网都会浏览网页内容,对网页的制作也有很大的兴趣,想知道一个网页是怎样制作成功的。但是网页的制作相对复杂,对于一些的代码的编辑学生也较难理解,因此本课选择了FrontPage网页制作工具,引导学生简单的了解网页制作的过程,采用了所见即所得的形式避开代码的繁琐,调动学生自行设计的积极性,对网页制作有一个简单的入门了解。 二、教学目标 1、知识目标 (1)理解网页制作的简单步骤。 (2)学会用FrontPage的制作简单网页。 2、技能目标 (1)掌握的FrontPage的背景添加的操作。 (2)掌握FrontPage的文字编辑、艺术字、图片的插入的操作。 (3)知道HTML的简单编码。 3、情感目标 (1)培养学生的口头表达能力、操作和分析概括能力。 (2)培养学生展示自我、表现自我的能力。 (3)培养学生独立思考问题、解决问题的能力和团结协作精神。 (4)在网页制作的过程中,提高学生对FrontPage的认识。三、重难点、问题预测及对策

1、重难点 (1)重点:FrontPage的基本操作。 (2)难点:HTML的理解。 2、问题预测 本节课是网页制作的第一节内容,需要学生掌握的技能并不困难。由于在学习网页制作的过程中,需要培养学生的制作网页的积极性,才能引发学生对网页制作的兴趣,实现自主学习,自主开发。 3、对策 以制作班级自己的主页引起学生注意,引发学生的兴趣。让学生运用FrontPage的插入、背景修改等工具,通过作品展示激发学生的动力。 在教学过程的设计上,通过自主设计自己的个人主页来达到解决一个个知识点的目的,同时通过学生自己创作,引导学生正确的审美情趣和创作激情。 四、课前准备 精美网站、优秀班级主页、素材图片等。 五、教学流程 1、情感导入:通过优秀班级主页欣赏,引发学生兴趣,跃跃欲试。 2、自主学习:引导学生做自己班级的主页。 3、示范教学:学生归纳总结,老师帮助、提醒,使学生掌握正确的操作步骤。

JAVASCRIPT

Javascript 114、alert怎样换行? \r\n 115、什么情况用HTML控件,什么情况用WEB控件,并比较两者差别 如果有数据提交到server端时用web control好。一般为了提高效率能用html control在客户端执行,就用html control。 116、JavaScript中的对象. JavaScript中的Object是一组数据的key-value的集合,有点类似于Java中的有这些数据都是Object里的property.通常情况下,JavaScript中建立一个对象用”new”加上constructor function来实现.如new Date(),new Object()等. var book=new Object(); https://www.doczj.com/doc/286787182.html,="JavaScript is Cool"; book.author="tom"; book.pages=514; 上面例子中的name和page就是名为book的对象中的property.我们可以用delete 来删除Object中的property:“delete https://www.doczj.com/doc/286787182.html,;”.除了Object,Date等buildin 的对象外,我们可以写自己的constructor function,然后使用new就可以建立自己的对象.如上面的book可以写成: function Book(name,author,page){ https://www.doczj.com/doc/286787182.html,=name; this.author=author; this.page=page; } var abook=new Book("JavaScript is Cool","tom",514); 117、function的用法 在JavaScript中,function是一种数据类型,所有的function都是从buildin的Function object衍生的对象.所以在JavaScript中function可以作为参数传递,可以作为Object的property,也可以当作函数返回值.function在JavaScript中有两种用法,一种是当作constructor,前面加上new keyword用来建立对象.一种是当作method,为其他对象调用. 注意function和method在中文里的意思相当,在有些语言里也可以通用.但是在JavaScript中,它们还是有所区别的.function本身是是一个对象,而当作为一个方法他属于一个对象时,就成为了一个这个对象的method,相当于一个对象种的属性.也就是说method是相对于一个对象而言的,function在某些情况下成为了一个对象的method. function Book(name,author,page){ https://www.doczj.com/doc/286787182.html,=name; this.author=author; this.page=page;

javascript_dom

什么是DOM? 通过JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。 要改变页面的某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。 在1998年,W3C发布了第一级的DOM规范。这个规范允许访问和操作HTML页面中的每一个单独的元素。 所有的浏览器都执行了这个标准,因此,DOM的兼容性问题也几乎难觅踪影了。 DOM可被JavaScript用来读取、改变HTML、XHTML以及XML文档。 DOM被分为不同的部分(核心、XML及HTML)和级别(DOM Level 1/2/3): Core DOM 定义了一套标准的针对任何结构化文档的对象 XML DOM 定义了一套标准的针对XML文档的对象 HTML DOM 定义了一套标准的针对HTML文档的对象。 HTML DOM 节点 HTML文档中的每个成分都是一个节点。 节点 根据DOM,HTML文档中的每个成分都是一个节点。 DOM是这样规定的: ?整个文档是一个文档节点 ?每个HTML标签是一个元素节点 ?包含在HTML元素中的文本是文本节点 ?每一个HTML属性是一个属性节点

注释属于注释节点 Node 层次 节点彼此都有等级关系。 HTML文档中的所有节点组成了一个文档树(或节点树)。HTML文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的所有文本节点为止。 文档树(节点数) 请看下面这个HTML文档: DOM Tutorial

DOM Lesson one

Hello world! 上面所有的节点彼此间都存在关系。 除文档节点之外的每个节点都有父节点。举例, 和的父节点是节点,文本节点"Hello world!"的父节点是节点。 大部分元素节点都有子节点。比方说,节点有一个子节点:节点。<title>节点也有一个子节点:文本节点"DOM Tutorial"。 当节点分享同一个父节点时,它们就是同辈(同级节点)。比方说,<h1>和是同辈,因为它们的父节点均是<body>节点。 节点也可以拥有后代,后代指某个节点的所有子节点,或者这些子节点的子节点,以此类推。比方说,所有的文本节点都是<html>节点的后代,而第一个文本节点是<head>节点的后代。 节点也可以拥有先辈。先辈是某个节点的父节点,或者父节点的父节点,以此类推。比方说,所有的文本节点都可把<html>节点作为先辈节点。</p><h2>制作一个简单的电子商务网站</h2><p>电子商务大作业</p><p>作业要求 制作一个简单的电子商务网站,具有以下功能: 1) 能进行用户注册、登录。用户信息保存在数据库中。 2) 能对商品信息进行维护:增加、删除、修改。商品信息保存在数据库中。 3) 实现简单的购物车功能,能对所选择的商品进行列表显示,并对价格进行统计。 纸质报告要求: 1) 实现过程说明 2) 数据库设计说明 3) 运行效果 4) 主要源代码</p><p>一、创建用户注册、登录。用户信息保存在数据库中 1) 创建数据库表 在MySQL 中创建一个名为homeworks 的数据库,并在该数据库中创建一张名为User的表格。字段名数据类型 2) 安装所需的第三方软件包 在testapp/WEB-INF 新建lib 目录,并将以下需要的第三方软件包拷贝到lib 目录下:jstl.jar、standard.jar、mysql-connector-java-5.0.7-bin.jar。 3) 配置 JDBC 数据源 web.xml页面类容如下: <?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="" xmlns:xsi="" xsi:schemaLocation=" " version="2.5"> <context-param> <param-name>javax.servlet.jsp.jstl.sql.dataSource </param-name> <param-value> jdbc:mysql://localhost:3306/homeworks?user=root&password=root,com.mysql.jdbc.D river </param-value> </context-param> <description> Servlet and JSP Examples. </description> <display-name>Servlet and JSP Examples</display-name> <servlet> <servlet-name>Test</servlet-name> <display-name>Test</display-name> <description>A test Servlet</description> <servlet-class>test.ServletTest </servlet-class> </servlet> <servlet-mapping> <servlet-name>Test</servlet-name> <url-pattern>/Test</url-pattern> </servlet-mapping> </web-app></p><h2>JavaScript对Table操作大全</h2><p>js对Table操作大全 <html> <head> <style> .btf{ height:28px; background-color:#F8F0E1; } </style> <script type="text/javascript"> var objTable; function PageLoad(){ objTable = document.getElementById( "dataGrid" );//找到操作Table } function copyRow(){ var objTempRow = objTable.rows[2];//找到Table的模版行 var objNewRow = objTable.insertRow( objTable.rows.length );//在Table 的末尾新增一行 objNewRow.className = "btf";//给表格的添加行样式 objNewRow.id = objTable.rows.length - 1; //以模版行建立新行内容 for ( var i=0 ; i<objTempRow.cells.length ; i++ ){ var objNewCell = objNewRow.insertCell( i ); objNewCell.innerHTML = objTempRow.cells[i].innerHTML; } } function deletelastRow(){ if ( objTable.rows.length -1 > 0 ){ objTable.deleteRow(objTable.rows.length-1); //删除指定行} } function deletecheckedRow(){ if(document.all('idarray').value!='undefined'){ for(var i=document.all('idarray').length-1;i>-1;i--){ if(document.all('idarray')[i].checked==true){ var r=Number(document.getElementById('tb'+document.all('idarray')[i].value) .rowIndex); objTable.deleteRow(r); } } } } function deleteRow(r){ var i=r.parentNode.parentNode.rowIndex; objTable.deleteRow(i); } function addRow1(){ var crTR = objTable.insertRow(); //增加一行 var crTDa = crTR.insertCell();//第一个TD var crTDb = crTR.insertCell();//第二个TD,带rowspan=2 crTDb.rowSpan=2;//设成rowspan=2; crTDb.colSpan=3;//设成colSpan=3;</p> <div> <div>相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="2618954"><a href="/topic/2618954/" target="_blank">爱创课堂</a></li> <li id="4128907"><a href="/topic/4128907/" target="_blank">制作一个简单的网页</a></li> <li id="2589390"><a href="/topic/2589390/" target="_blank">最简单的网页制作</a></li> <li id="16321255"><a href="/topic/16321255/" target="_blank">javascript操作dom</a></li> </ul> </div> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/632705071.html" target="_blank">爱创课堂 前端课堂笔记 js基础字面量</a></li> <li><a href="/doc/fc18749623.html" target="_blank">Web前端开发需要学什么</a></li> <li><a href="/doc/5d6159301.html" target="_blank">爱创课堂零基础入门学jsPPT课件</a></li> <li><a href="/doc/f812772371.html" target="_blank">爱创电子监管码赋码系统介绍</a></li> <li><a href="/doc/5e1403046.html" target="_blank">师徒结对师傅教师工作计划</a></li> <li><a href="/doc/9f6839480.html" target="_blank">爱创课堂前端培训VueJS第1天课堂笔记(本课程共3天)</a></li> <li><a href="/doc/4f4584927.html" target="_blank">怎样才能成为一名优秀的web前端工程师</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/3519239541.html" target="_blank">2023年广东著名旅游景点导游词</a></li> <li><a href="/doc/bf19139709.html" target="_blank">美术三年级上册机器人[范文]</a></li> <li><a href="/doc/ae19221206.html" target="_blank">美术机器人教案(优选6篇)</a></li> <li><a href="/doc/e419046448.html" target="_blank">三年级上美术教案机器人_人美版</a></li> <li><a href="/doc/c219078712.html" target="_blank">机器人美术教案</a></li> <li><a href="/doc/bb19139708.html" target="_blank">三年级美术教案 机器人-“衡水杯”一等奖</a></li> <li><a href="/doc/af19221205.html" target="_blank">【新版】人美版三年级美术上册《机器人》【创新教案】</a></li> <li><a href="/doc/5b19338480.html" target="_blank">三年级上册美术第2课《机器人》教案</a></li> <li><a href="/doc/4b19212538.html" target="_blank">三年级美术机器人教案</a></li> <li><a href="/doc/2619377203.html" target="_blank">小学美术三年级上册第2课《机器人》教学设计</a></li> <li><a href="/doc/0d19490198.html" target="_blank">人美版三年级上册美术教案</a></li> <li><a href="/doc/0d19490197.html" target="_blank">三年级上册美术第2课《机器人》教案</a></li> <li><a href="/doc/d919192544.html" target="_blank">工伤申请书模板6篇</a></li> <li><a href="/doc/bd19139707.html" target="_blank">工伤鉴定申请书</a></li> <li><a href="/doc/9c19165182.html" target="_blank">工伤申请书三篇</a></li> <li><a href="/doc/9019165183.html" target="_blank">工伤申请书范文9篇</a></li> <li><a href="/doc/8c19176498.html" target="_blank">工伤申请书4篇</a></li> <li><a href="/doc/8c19176497.html" target="_blank">工伤申请书范文(精选5篇)</a></li> <li><a href="/doc/5f19338479.html" target="_blank">工伤申请书范文(通用11篇)</a></li> <li><a href="/doc/4919212537.html" target="_blank">工伤申请书</a></li> </ul> </div> </div> <script> var sdocid = "259d5890d4bbfd0a79563c1ec5da50e2524dd1fe"; </script> <script type="text/javascript">bdtj();</script> <footer class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2022 www.doczj.com <a href="/sitemap.html">网站地图</a></p> <p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a>  本站资源均为网友上传分享,本站仅负责分类整理,如有任何问题可通过上方投诉通道反馈 <script type="text/javascript">foot();</script> </p> </footer> </body> </html>