Web前端
海边拾贝seebit
有广度,有深度,有灵魂的工程师
展开
-
HTML和CSS初学—01
HTML初学sublimeHTML标签排版标签标题标签段落标签水平线标签换行标签div span标签(重点)文本格式化标签图像标签img新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图...原创 2019-07-29 07:00:12 · 504 阅读 · 0 评论 -
浮动广告
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8&q原创 2018-07-27 16:46:16 · 261 阅读 · 0 评论 -
Location
Location 对象的属性属性 描述 IE F O hash 设置或返回从井号 (#) 开始的 URL(锚)。 4 1 9 host 设置或返回主机名和当前 URL 的端口号。 4 1 9 hostname 设置或返回当前 URL 的主机名。 4 1 9 href 设置或返回...原创 2018-07-27 16:20:48 · 151 阅读 · 0 评论 -
练习:下拉列表左移右移
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="content-Type" content="text/html; charset=utf-8&q原创 2018-07-31 06:51:26 · 458 阅读 · 0 评论 -
History
History 对象的方法方法 描述 IE F O back() 加载 history 列表中的前一个 URL 4 1 9 forward() 加载 history 列表中的下一个 URL 4 1 9 go() 加载 history 列表中的某个具体页面 4 1 9 示例代码De...原创 2018-07-27 15:49:40 · 123 阅读 · 0 评论 -
Screen
HTML DOM Screen 对象Screen 对象Screen 对象实际上是 JavaScript 对象,而不是 HTML DOM 对象。Screen 对象是由 JavaScript runtime engine 自动创建的,包含有关客户机显示屏幕的信息。每个 Window 对象的 screen 属性都引用一个 Screen 对象。Screen 对象中存放着有关显示浏览器屏幕的...原创 2018-07-27 15:40:43 · 123 阅读 · 0 评论 -
Navigator
HTML DOM Navigator 对象Navigator 对象Navigator 对象实际上是一个 JavaScript 对象,而不是 HTML DOM 对象。Navigator 对象是由 JavaScript runtime engine 自动创建的,包含有关客户机浏览器的信息。IE: Internet Explorer, F: Firefox, O: Opera.Nav...原创 2018-07-27 15:35:16 · 151 阅读 · 0 评论 -
模式对话框
一、实现功能:将子窗口中选中的值传入到父窗口中。父窗口:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" co...原创 2018-07-27 15:21:27 · 116 阅读 · 0 评论 -
window对象的属性
Window 对象的属性属性 描述 IE F O closed 返回窗口是否已被关闭。 4 1 9 defaultStatus 设置或返回窗口状态栏中的默认文本。 4 No 9 document 对 Document 对象的只读引用。请参阅 Document 对象。 4 1 9 hi...原创 2018-07-27 13:13:50 · 245 阅读 · 0 评论 -
练习:JavaScript实现复选框全选,全不选,反选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="content-Type" content="text/html; charset=utf-8&q原创 2018-07-30 19:01:34 · 427 阅读 · 0 评论 -
window窗口中的方法
Window 对象的方法方法 描述 IE F O alert() 显示带有一段消息和一个确认按钮的警告框。 4 1 9 blur() 把键盘焦点从顶层窗口移开。 4 1 9 clearInterval() 取消由 setInterval() 设置的 timeout。 4 1 9 cl...原创 2018-07-27 11:38:33 · 288 阅读 · 0 评论 -
练习:表格CRUD操作方法三
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="content-Type" content="text/html; charset=utf-8&q原创 2018-07-30 15:23:40 · 500 阅读 · 0 评论 -
鼠标事件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&a原创 2018-07-27 17:08:26 · 106 阅读 · 0 评论 -
练习:下拉列表级联加强
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="content-Type" content="text/html; charset=utf-8"/&am原创 2018-07-31 10:42:30 · 164 阅读 · 0 评论 -
JavaWeb开发入门
一、Web开发的相关知识1. WEB,在英语中web即表示网页的意思,它用于表示Internet主机上供外界访问的资源。2. Internet上供外界访问的web资源分为:静态web资源(如HTML页面):指web页面中供人们浏览的数据始终是不变。 动态web资源:指web页面中供人们浏览的数据是由程序产生的,不同时间点访问web页面看到的内容各不相同。3. 静态web资源开发技术...原创 2018-08-08 21:18:47 · 219 阅读 · 0 评论 -
XML约束之Schema
一、XML Schema1. XML Shema也是一种用于定义和描述XML文档结构与内容的模式语言,其出现是为了克服DTD的局限性2. XML Schema VS DTDXML Schema符合XML语法结构 DOM、SAX等XML API很容易解析出XML Schema文档中的内容 XML Schema对名称空间支持得很好 XML Schema比XML DTD支持更多的数据类...原创 2018-08-07 19:15:53 · 259 阅读 · 0 评论 -
XML约束
一、为什么需要约束XML都是用户自定义的标签,若出现小小的错误,软件程序将不能正确地获取文件中的内容而报错。(如:Tomcat) XML技术中,可以编写一个文档来约束一个XML的书写规范,这个文档称之为约束。 两个概念:格式良好的XML:遵循XML语法的XML。 有效的XML:遵循约束文档的XML。 总之:约束文档定义了在XML中允许出现的元素名称、属性及元素出现的顺序等等。二、...原创 2018-08-02 19:26:57 · 288 阅读 · 0 评论 -
DOM概述及分类
一、结点结点是把具有相同属性的HTML元素组成.节点分类:父节点:parentNode子节点:firstChild、lastChild、childNodes兄弟节点:nextSibling、previousSibling包含类型、名称、值。nodeType:分类,元素结点 -- 1,属性结点 -- 2,文本结点 -- 3nodeNamenodeValue二、...原创 2018-07-28 17:03:21 · 1689 阅读 · 0 评论 -
二级联动(选择与改变事件)
第一种方法:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/html; charse.原创 2018-07-28 13:34:49 · 895 阅读 · 0 评论 -
表单提交事件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8&q原创 2018-07-28 13:34:39 · 1117 阅读 · 0 评论 -
XML语法
一、XML文档的组成一个XML文件一般由以下几部分组成:文档声明 元素 元素的属性 注释 CDATA区 特殊字符 处理指令(PI:Processing Instruction)二、文档声明在编写XML文档时,需要先使用文档声明来声明XML文档。且必须出现在文档的第一行。 最简单的语法:<?xml version="1.0"?> 用encoding属性说明文...原创 2018-08-02 15:52:25 · 205 阅读 · 0 评论 -
键盘事件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8&q原创 2018-07-28 13:34:31 · 131 阅读 · 0 评论 -
聚焦与离焦事件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8&q原创 2018-07-28 13:34:21 · 3549 阅读 · 0 评论 -
点击事件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8&q原创 2018-07-27 17:44:10 · 138 阅读 · 0 评论 -
XML概述
一、什么是XMLXML是指可扩展标记语言(extensible Markup language),它是一种标记语言,很类似HTML。它被设计的宗旨是传输数据,而非显示数据。跨语言,跨平台。 XML技术是W3C发布的,目前遵循的是W3C组织于2000年发布的XML1.0规范。 XML标签没有被预定义,需要用户自行定义标签。 XML被广泛认为是继Java之后在Internet上最激动人心的新...原创 2018-07-31 17:39:04 · 210 阅读 · 0 评论 -
JavaScript中模拟类的定义
1. 定义类并创建类的实例对象2. 定义公有属性和私有属性3. 定义公有方法和私有方法4. 静态属性和静态方法5. 构造函数(无参,有参)6. 原型方式声明属性与方法7. 直接用Object或函数对象加属性与方法<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http...原创 2018-07-31 15:10:04 · 317 阅读 · 0 评论 -
练习:表格CRUD操作,使用HTML DOM实现
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="content-Type" content="text/html; charset=utf-8&q原创 2018-07-30 15:14:24 · 545 阅读 · 0 评论 -
练习:表格CRUD操作,类似购物车的实现
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="content-Type" content="text/html; charset=utf-8&q原创 2018-07-30 13:51:22 · 276 阅读 · 0 评论 -
CSS(三)之 CSS选择器
一、CSS选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。意味:选择哪个容器。二、CSS选择器的类型HTML标签名选择器:使用的就是HTML的标签名。定义CSS:标签名{}div{font-size:4cm;}class选择器:其实使用的是标签中的class属性。定义CSS:.class名{}.myclass{font-weight:bold...原创 2018-07-20 19:12:53 · 134 阅读 · 0 评论 -
CSS(二)之 CSS和HTML结合的四种方式
一、style属性方式(行内样式)利用标签中style属性来改变每个标签的显示样式。例如:<p style="background-color:#FF0000; color:#FFFFFF">p标签段落内容。</p>该方式比较灵活,但是对于多个相同标签的同一样式定义比较麻烦,适合局部修改。二、style标签方式(内嵌样式)在head标签中加入...原创 2018-07-20 18:48:09 · 175 阅读 · 0 评论 -
JavaScript(六)之 JavaScript全局函数
1. isNaN检查某个值是否为数字<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" content="text/.原创 2018-07-25 17:32:06 · 334 阅读 · 0 评论 -
JavaScript(五)之 函数的定义
一、第一种声明函数的方式function 函数名(){}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><meta http-equiv="Content-Type" ...原创 2018-07-25 16:44:10 · 180 阅读 · 0 评论 -
CSS(一)之 概述
一、CSS概述CSS(Cascading Style Sheet)是层叠样式表,用来定义网页的显示效果。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。二、CSS优点CSS可以更加精细的控制网页的内容形式。比如font标签中的size属性,可以用于控制文字的大小,但是,它控制的字体只有7级,要是出现其它级别的文字,它就实现不了,而CSS可以办到,它可以设置任意字体的大小...原创 2018-07-19 21:08:31 · 250 阅读 · 0 评论 -
JavaScript(四)之 JavaScript基本语法
1. 变量、函数、运算符区分大小写2. 变量是弱类型的var a = 10; var b = true; var c = "hello"3. 每行结尾的 ; 可有可无,建议编写4. 两种类型的注释单行注释:// 多行注释:/* */5. JavaScript和Java一样存在两种数据类型原始值(存储在栈stack中简单数据) 引用值(存储在堆heap中对象)6....原创 2018-07-25 15:09:03 · 104 阅读 · 0 评论 -
JavaScript(三)之 JavaScript与HTML的结合方式
一、直接在事件中写,事件名=“js代码”<input type="button" value="点我" onclick="alert('aaaaaaaaaaa')"/>二、首先用户通过function去定义一个函数,其次调用:事件名="自定义函数名()"<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition原创 2018-07-25 11:19:35 · 217 阅读 · 0 评论 -
HTML乱码
在设置了HTML保存在磁盘上的编码格式为utf-8后,浏览器打开仍然为乱码,而后加入了meta标签,显示正常:<meta http-equiv="Content-Type" content="text/html;charset=utf-8">原因:虽然保存在磁盘上的编码格式一致,但是meta标签告诉浏览器以何种编码格式打开,若不设置这个meta标签,也可以修改浏览器的编码格式...原创 2018-07-19 12:14:50 · 240 阅读 · 0 评论 -
JavaScript(二)之 JavaScript语言组成
一个完整的JavaScript实现由一下三个部分组成:核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM)原创 2018-07-24 17:31:35 · 329 阅读 · 0 评论 -
JavaScript(一)之 JavaScript概述
一、什么是JavaScript1. Netscape公司开发的一种基于对象和事件驱动的脚本语言,并且可在所有主要的浏览器中运行 IE、FireFox、Chrome、Opera。2. JavaScript被设计用来向HTML页面添加交互行为。3. 无需编译,可由浏览器直接解释运行。4. JavaScript,是一种弱类型语言。5. JavaScript的正式名称是“ECMAScr...原创 2018-07-24 17:29:05 · 192 阅读 · 0 评论 -
HTML
一、HTML概述1. HTTP:超文本传输协议 ——> 传输超文本2. HTML:全称为HyperText Markup Language,翻译为超文本标记语言,不是一种编程语言,不负责进行逻辑处理。是一种描述性的标记语言,用于描述超文本中内容的显示方式。比如字体的颜色、大小等。它是由W3C组织所制定的一套专门用于显示网页的规范,他不负责处理业务逻辑,只用于显示。二、HT...原创 2018-07-19 12:10:02 · 193 阅读 · 0 评论 -
DOM结构模型
1. HTML如下:2. 对应的DOM结构如下:原创 2018-07-29 13:46:02 · 252 阅读 · 0 评论