随笔分类 -  html

理解文档对象模型（3）
摘要：这篇DOM说一说饱受争议window对象，还好window对象已经作为HTML5的一部分被添加到HTML规范之中了 1. 获取window 可以使用两种方法获取window对象， 正规的HTML5方式是在document对象上使用defaultView属性； 另一种则是使用浏览器都支持的全局变量wi 阅读全文
posted @ 2017-09-19 23:09 蔡春保 阅读(234) 评论(0) 推荐(0)
理解文档对象模型（2）
摘要：接上一篇文章，继续理解DOM模型，这次主要写一些原生js如何获取HTML元素对象，Document对象的一大关键功能就是作为一个入口，让你能访问代表文档里各个元素的对象。可以将DOM视为一棵树并沿着它的结构进行导航。 1. 使用属性获取元素对象 Document对象为你提供一组属性，它们会返回代表文 阅读全文
posted @ 2017-09-07 22:09 蔡春保 阅读(224) 评论(0) 推荐(0)
理解文档对象模型（1）
摘要：DOM全称Document Object Model文档对象模型，允许我们用javascript来操作HTML文档里面的内容。DOM是一组对象的集合，这些对象代表HTML文档里的各个元素。 1. Document对象 document对象代表当前的文档，它是由浏览器创建，并且充当文档对象模型(DOM 阅读全文
posted @ 2017-08-28 23:35 蔡春保 阅读(354) 评论(0) 推荐(0)
页面打开后，几秒后自动跳转
摘要：（1）第一种方法：meta实现 这个是在head部分定义，使用meta标签，<meta>元素提供了有关页面的元信息。 <Meta http-equiv="Refresh" Content="2; Url=http://www.baidu.com"> 其中http-equiv是刷新自身页面，conte 阅读全文
posted @ 2017-01-23 17:09 蔡春保 阅读(635) 评论(0) 推荐(0)
设置网页图片热点链接
摘要：在一张图片上设置一个热点，鼠标点击图片的不同区域可以进入不同的页面或者进行一些不同的操作，这就是网页的热点链接。 示例代码如下: <img src="图片路径" usemap="#map" alt="" /> <map name="map" id="map"> <area shape="circle 阅读全文
posted @ 2017-01-23 10:10 蔡春保 阅读(557) 评论(0) 推荐(0)