发表于 | 分类于

第九章 第十章

网页组成

  • 结构层由标记语言创建；主要展现网页的结构；
  • 表现层由css完成，主要描述页面内容该如何呈现；
  • 行为层展现了内容该如何响应事件。
    网页是由结构层，表现层，行为层三者构成的共同体：网页中总是会有默认的表现和行为；这三者之间存在交叉重叠现象。
    阅读全文 »

发表于 | 分类于

第六章

结构化程序设计备忘

结构化程序设计有一个原则：函数只应该有一个入口和一个出口。
而在对象检测时很可能会违背这一原则；作者认为一个函数如果有多个出口，只要这些出口集中出现在函数开头部分（多个if语句并列；而非一层判断嵌套一层判断），就是可以接受的。

阅读全文 »

发表于 | 分类于

第五章

质疑一切的精神

无论想通过那种javascript改变哪个网页的行为，都必须三思而后行；首先应该确认为网页添加额外的行为是否确有必要？比如利用脚本让浏览器窗口在屏幕上四处移动或产生振动以及弹出的广告窗口。
不仅仅是javascript编程，生活中也是如此。

阅读全文 »

发表于 | 分类于

第四章

重点

  • 如何利用DOM提供的方法编写图片库脚本。
  • 如何利用事件处理函数将javascript代码与网页集成在一起。

在javascript中改变元素属性

  • 非DOM解决方案：element.value = "the new value"
  • DOM解决方案:element.setAttribute("value","the new value");
    阅读全文 »

发表于 | 分类于

javascript在(x)HTML中的引入

两种方式：

  1. <script>javascript code</script>将< script >标签放到< head >之间。
  2. <script src="file.js"></script>将javascript代码存入扩展名为.js的独立文件，再在< script >中通过src属性指向该文件；最好是将script标签放到HTML文档最后,< /body >标签之前，有利于提高页面加载速度。
    阅读全文 »

发表于 | 分类于

简述

网上已经有许许多多的有关hexo+github搭建博客的文章了，hexo博客的优点也不用我再去赘述了；我也就不打算板门弄斧，再写一篇文章了。

这里主要是归纳整理一些相关博文，并且整理一下文章的书写和发布流程，避免长时间不写博文，忘记流程然后去翻别人的博客的迷之尴尬。

阅读全文 »

发表于 | 分类于

css的作用

1.修饰页面元素，避免使用不必要的HTML元素（如font），进而构建语义化的页面结构
2.更有效的控制页面结构，页面布局（div+css）。
3.提高开发和维护效率（特别是对于相同的结构或样式）。

css基本结构

选择符 声明（包括属性和属性值）

阅读全文 »

发表于 | 分类于

在学习jQuery时，用到了选择器来找到元素，运用方法。

所有jQuery方法都是由$开始的，通常称作为 美元符号，或者简称为bling.

$(document).ready(function() {方法放置处});
jQuery通过选择器来选择一个元素的，然后操作元素做些改变；包括元素，类，id选择器。

阅读全文 »

发表于 | 分类于

标签

span标签可以用于建立行内元素。

样式

影响HTML元素布局的有三个重要属性：
padding，border，margin；分别是内边距，边框，外边距。
padding控制元素content与元素border间距；margin控制border与元素实际所占空间距离，若为负值，元素会变大。
CSS 允许你使用padding-top、padding-right、padding-bottom 和 padding-left分别来自定义控制元素上右下左四个方向的 padding；也可以集中起来指定它们，如padding: 10px 20px 10px 20px，这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左；margin同理。

阅读全文 »

发表于 | 分类于

标签

<h1>一级主标题</h1>
<h2>二级副标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
标题字体大小递减
<p>段落标签</p>

<img src="http://p1.bpimg.com/4851/4001143c71b75b0e.jpg"/></br>
自闭和标签,src用于添加图片地址。</br>
alt属性是图片无法加载时的替代文本，有助于引擎搜索。</br>
<a href="#">anchor锚点元素，用于页面跳转及内部导航；#表示是固定链接</a></br>
元素可以嵌套，比如将img标签嵌入a标签中使之成为链接。</br>

<div>
无序列表：
<ul>
   <li></li>
   <li></li>
</ul>
有序列表：
<ol>
   <li></li>
   <li></li>
</ol>
div（division）元素是其他元素的通用盛装容器；
可以用css使它的子元素继承其css样式。
</div>

表单元素:</br>
必填项属性required在Safari浏览器中不起作用。
多选一的情况用单选按钮，它只是input输入框的一种类型；
且每一个都应该嵌入自己的label标签中，相关联的按钮name属性应该相同。
多选多的情况用复选框，其与单选框相似；checked属性可以设置默认框。
<form action="表单提交服务器地址">
<label><input type="text" placeholder="占位符" required/>文本框</label>
<label><button type="submit">提交按钮</button></label>
<label><input type="radio" name="same_r" checked>单选框1</lable>
<label><input type="radio" name="same_r">单选框2</lable>
<label><input type="checkbox" name="same_cb" checked>复选框1</lable>
<label><input type="checkbox" name="same_cb">复选框2</lable>
</form>
阅读全文 »