- 博客(33)
- 收藏
- 关注
原创 第8章 浏览器对象
window对象JavaScript 计时器计时器setInterval取消计时器clearInterval计时器setTimeout取消计时器clearTimeoutHistory 对象返回前一个浏览的页面返回下一个浏览的页面返回浏览历史中的其他页面Location对象Navigator对象userAgentscreen对象屏幕分辨率的高和宽屏幕可用高和宽度windo
2016-03-23 19:26:25 361
原创 JavaScript内置对象
什么是对象Date 日期对象返回设置年份方法返回星期方法返回设置时间方法String 字符串对象返回指定位置的字符返回指定的字符串首次出现的位置字符串分割split提取字符串substring提取指定数目的字符substrMath对象向上取整ceil向下取整floor四舍五入round随机数 randomArray 数组对象数组连接concat指定分隔符连接数组元
2016-03-16 19:40:13 285
原创 事件响应,让网页交互
什么是事件鼠标单击事件 onclick 鼠标经过事件onmouseover鼠标移开事件onmouseout光标聚焦事件onfocus失焦事件onblur内容选中事件onselect文本框内容改变事件onchange加载事件onload卸载事件onunload什么是事件JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某
2016-03-01 20:29:06 396
原创 函数
什么是函数定义函数函数调用有参数的函数返回值的函数什么是函数函数的作用,可以写一次代码,然后反复地重用这个代码。如:我们要完成多组数和的功能。var sum; sum = 3+2;alert(sum);sum=7+8 ;alert(sum); .... //不停重复两行代码如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多。所以我们可以把完成特定功能的代码块放到一
2016-02-29 20:03:22 340
原创 流程控制语句
if语句ifelse语句多重判断ifelse嵌套语句多种选择Switch语句重复重复for循环反反复复while循环来来回回Dowhile循环退出循环break继续循环continueif语句if语句是基于条件成立才执行相应代码时使用的语句。语法:if(条件){ 条件成立时执行代码}注意:if小写,大写字母(IF)会出错!假设你应聘web前端技术开发岗位,如果你会HTML技术,你面
2016-02-29 18:48:04 348
原创 数组
什么是数组如何创建数组数组赋值向数组增加一个新元素使用数组元素数组属性length二维数组什么是数组我们知道变量用来存储数据,一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩,就需要10个或20个变量来存储,如果需要存储更多数据,那就会变的更麻烦。我们用数组解决问题,一个数组变量可以存放多个数据。好比一个团,团里有很多人,如下我们使用数组存储5个学生成绩。
2016-02-23 23:23:08 608
原创 认识JS
JavaScript能做什么JS进阶篇学习什么什么是变量变量命名变量声明变量赋值表达式加号操作符自加一自减一 和- -比较操作符逻辑与操作符逻辑或操作符逻辑非操作符操作符优先级JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)JS进阶篇学习什么?在JavaScript入
2016-01-25 22:58:22 344
原创 #DOM操作
认识DOM通过ID获取元素innerHTML 属性改变 HTML 样式显示和隐藏display属性控制类名className 属性认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。先来看看下面代码:将HTML代码分解为DOM节点层次图: HTML文档可以说由节
2016-01-06 23:14:28 362
原创 常用互动方法
输出内容documentwrite警告alert 消息对话框确认confirm 消息对话框提问prompt 消息对话框打开新窗口windowopen关闭窗口windowclose输出内容(document.write)document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起,直接输出”“号内的内容。<script
2016-01-06 21:07:49 332
原创 JavaScript入门篇
为什么JavaScript非常值得我们学习易学性从哪开始学习呢如何插入JS引用JS外部文件JS在页面中的位置认识语句和符号注释很重要什么是变量判断语句ifelse什么是函数为什么JavaScript非常值得我们学习所有主流浏览器都支持JavaScript。目前,全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。做为一个Web开发师,如果你想提供漂亮
2015-12-28 21:55:00 350
原创 导航条菜单的制作
垂直菜单的制作水平菜单的制作圆角菜单的制作伸缩菜单的制作改变高度伸缩菜单的制作水平方向总结垂直菜单的制作1.用ul无序列列表构建菜单 2.清除默认样式 {margin:0;padding:0;} { }(用于全局设置) 清除ul的样式 ul{list-style:none},能去掉前面的默认小圆点 去掉a标签的下划线 a{text-decoration:none} 在导航栏中经常用
2015-12-23 23:10:06 1266
原创 网页简单布局之结构与表现原则
结构与表现相关内容简介结构与表现相分离的思想网页换肤及总结结构与表现相关内容简介html结构 css表现 javascrip行为 网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析……结构与表现相分离的思想初级的开发人员思路及制作方法:div层层嵌套;中级的开发人员思路及制造方法:去掉多余的div,进行简化;高级的开发人员思路
2015-12-23 21:43:06 1293
原创 网页布局基础
网页布局盒子模型流式布局-自动居中一列布局浮动布局-横向两列布局绝对定位布局相对定位绝对定位使用absolute实现横向两列布局不常用网页布局网页制作的基础,在w3c盛行的今天“DIV+CSS”布局网页 布局分为:流式布局、浮动布局、绝对定位布局 涉及标准文档流、盒子模型、float属性、position属性 1.自动居中-列布局—盒子模型的使用方法 2.浮动布局—float
2015-12-21 23:11:22 1372
原创 如何用CSS进行网页布局
网页布局一列布局用法清除默认样式二列布局三列布局混合布局网页布局1:网页布局:又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合,将理性的思维个性的化的表现出来,是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点(相对纸媒来说) 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3:页面为:头部,主体部分,底部。 分栏又称为分列:一
2015-12-21 22:22:55 452
原创 css样式设置小技巧
水平居中设置行内元素块状元素定宽块状元素不定宽块状元素加入 table 标签设置 displayinline 方法设置 positionrelative 和 left50垂直居中父元素高度确定的单行文本父元素高度确定的多行文本方法一方法二隐性改变display类型水平居中设置行内元素如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:c
2015-12-15 23:05:07 262
原创 单位和值
颜色值长度值颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;} 2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来
2015-12-15 22:32:21 229
原创 CSS代码缩写,占用更少的带宽
盒模型代码简写颜色值缩写字体缩写盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/上设置为10px、右设置为15px、下设置为12px、左设置为14px/ 通常有下面三种缩写方法
2015-12-15 22:23:27 292
原创 css布局模型
CSS布局模型流动模型Flow浮动模型 Float层模型Layer绝对定位相对定位固定定位Relative与Absolute组合使用CSS布局模型布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种
2015-12-15 21:41:00 305
原创 CSS盒模型
元素分类块级元素内联元素内联块状元素盒子模型边框一边框二宽度和高度填充边界元素分类CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>
2015-12-15 21:04:41 290
原创 CSS格式化排版
文字排版字体字号颜色粗体斜体下划线删除线段落排版缩进行间距行高中文字间距字母间距对齐文字排版字体下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。) 现在
2015-12-10 22:58:34 272
原创 CSS的继承、层叠和特殊性
CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}<p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>可见右侧结果窗口中p中的文本与span中的
2015-12-10 22:33:52 198
原创 CSS选择器
什么是选择器标签选择器类选择器ID选择器类和ID选择器的区别相同点可以应用于任何元素不同点ID选择器只能在文档中使用一次类选择器可以为一个元素同时设置多个样式子选择器包含后代选择器通用选择器什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于
2015-12-10 22:25:56 250
原创 CSS样式基本知识
从CSS 样式代码插入的形式来看基本可以分为以下3种内联式嵌入式和外部式三种内联式嵌入式外部式从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:<p style="color:red">这里文字是红色。</p>注意要写在元素的开始标签里,下面这种写法是错误的:<p>这里文字是红色。</p
2015-12-10 22:07:15 393
原创 认识CSS样式
简介语法注释代码简介CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。语法css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式
2015-12-10 21:43:54 295
原创 与浏览者交互,表单标签
使用HTML表单form文本输入框密码输入框文本域支持多行文本输入使用单选框复选框让用户选择使用下拉列表框节省空间使用下拉列表框进行多选使用提交按钮提交数据使用重置按钮重置表单信息form表单中的label标签使用HTML表单(form)表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法:<form method="传送方式" a
2015-12-08 23:03:33 319
原创 认识标签<三>
a标签实现超链接在新建浏览器窗口中打开链接使用mailto在网页中链接Email地址img标签<a>标签实现超链接语法:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>例如:<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>上面例子作用是单击click here!文字,
2015-12-07 23:41:32 398
原创 认识标签<二>
使用ul使用oldiv在排版中的作用id标签table标签css样式为表格加边框caption标签摘要标题使用ul添加新闻信息列表,可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法:<ul> <li>信息</li> <li>信息</li> ......</ul>ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点使用ol在网页中展示有
2015-12-07 22:55:45 273
原创 认识标签<一>
body标签p标签hx标签strong和em标签span标签q标签blockquote标签br标签nbsp标签hr标签address标签code标签pre标签<body>标签在网页上要展示出来的页面内容一定要放在body标签中。<p>标签如果想在网页上显示文章,这时就需要标签了,把文章的段落放到标签中。语法:<p>段落文本</p> 注意一段文字一个<p>标签,如在一篇新
2015-12-05 22:58:22 423
原创 HTML的代码注释
什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。语法:<!--注释文字 -->注释代码是不会在结果窗口中显示出来的。
2015-12-05 22:07:29 1178
原创 head标签
文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分:<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script></head>标签:在和标签之间的文字内容是网页的
2015-12-05 22:06:03 250
原创 html文件基本结构
html文件的结构:一个HTML文件是有自己固定的结构的。<html> <head>...</head> <body>...</body></html>代码讲解:1. <html></html>称为根标签,所有的网页标签都在<html></html>中。2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、
2015-12-05 21:52:48 362
原创 标签的语法
1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。如:(1) <p></p>(2) <div></div>(3) <span></span>3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。4
2015-12-05 21:44:32 250
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2015-12-05 21:18:08 204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人