摘要: [TOC] 1.dom方法获取元素和节点 1. getElementById 返回给定id属性值的元素节点对应的对象 例: 2. getElementByTagName 返回对象数组,每个对象分别对应文档中给定标签的一个元素。 例: 3. getElementByClassName 通过class属 阅读全文
posted @ 2017-09-21 10:30 阿浩yohann 阅读(83) 评论(0) 推荐(0) 编辑
摘要: [toc] 1.不应该做什么 不要使用dom技术把一些重要的东西加到网页上,你可能正在滥用dom 我们要始终牢记两个原则 渐进增强 从核心内容开始,逐渐用css和javascript增强内容 平稳退化 缺乏某些javascript和dom支持,任然可以访问你的核心内容 2.把“不可见”变为“可见” 阅读全文
posted @ 2017-09-21 10:28 阿浩yohann 阅读(87) 评论(0) 推荐(0) 编辑
摘要: [TOC] 1.传统方法 1.1document.write document对象的write方法可以方便便捷地把字符串插入文档 最大的缺点是违背了“行为与表现分离”的原则 容易导致验证错误 避免使用document.write方法 1.2 innerHTML属性方法 现在包含到HTML5规范中,i 阅读全文
posted @ 2017-09-21 10:25 阿浩yohann 阅读(152) 评论(0) 推荐(0) 编辑
摘要: [TOC] 1.javascript和HTML是分离的吗 该示例支持平稳退化 目前他们还是混合在一起,我们要找到一种挂钩把他们关联起来。 我们可以为ui设置一个ID 2.添加事件处理函数 编写一个简单的函数把有关操作关联到onload上,命名为prepareGallery 检查浏览器是否理解getE 阅读全文
posted @ 2017-09-21 10:22 阿浩yohann 阅读(151) 评论(0) 推荐(0) 编辑
摘要: [TOC] 1.平稳退化 正确使用javascript脚本,让访问者在不支持javascript情况下,仍然可以顺利浏览你的网站 2."javascript:"伪协议 通过一个链接调用伪协议 3.内嵌事件处理函数 、 是仅供内部文档使用的链接记号,创建空链接 4.平稳退化的重要性 搜索机器人浏览网页 阅读全文
posted @ 2017-09-21 10:17 阿浩yohann 阅读(122) 评论(0) 推荐(0) 编辑
摘要: @(Bootstrap) 导言 Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 示例 下面演示图片的轮播,使用bootstrap中的Carousel显示循环播放元素 阅读全文
posted @ 2017-05-25 16:08 阿浩yohann 阅读(275) 评论(0) 推荐(0) 编辑
摘要: @(Bootstrap)[网页] 导言 关于表单的应用自然不需要多说,只要您的的网站可以用户登录,那么不可能不用到表单!表单主要功能是用来与用户做交流的一个网页控件,JavaScript发明之初最大的作用也就是用来进行表单操作。所以表单是每一个前端开发者必须要熟练掌握的东西。 [toc] 1.基础表 阅读全文
posted @ 2017-05-17 18:03 阿浩yohann 阅读(223) 评论(0) 推荐(0) 编辑
摘要: @(Bootstrap)[网页] 导言 本篇文章中将会学习bootstrap中用于排版的元素 (由于用的MarkDown编辑器toc生成的目录,把标题下的几个演示标题也生成了,真的是呵呵哒) [toc] 1.标题 HTML 中的所有标题标签,h1到h6均可使用。另外,还提供了 .h1 到 .h6 类 阅读全文
posted @ 2017-05-17 11:42 阿浩yohann 阅读(281) 评论(0) 推荐(0) 编辑
摘要: @(Bootstrap) 导言 前面我们讲了如何安装使用bootstrap框架,下面我们将会学习bootstrap的各种框架结构,布局。在这篇文章中将讲述如何使用栅格化布局 [TOC] 1.什么是栅格化布局 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(view 阅读全文
posted @ 2017-05-16 20:10 阿浩yohann 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 如何使用Bootstrap 阅读全文
posted @ 2017-05-16 18:12 阿浩yohann 阅读(192) 评论(0) 推荐(0) 编辑