随笔分类 -  HTML

[转载]再谈iframe自适应高度
摘要:Demo页面:主页面iframe_a.html,被包含页面iframe_b.htm和iframe_c.html下面开始讲:通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条。 我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的。而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题。另外,在兼容性方面,也研究的不彻底。这篇文章,希望在这两个方面再做一些深入。可能有人还没接触到这个问题过,先说明一下,什么是高度自适应吧。所谓iframe高度自适应,就是,基于界面美观和交互的考虑,隐藏了if 阅读全文

posted @ 2014-01-31 16:55 iackjee 阅读(180) 评论(0) 推荐(0)

[转载]HTML5 Audio/Video 标签,属性,方法,事件汇总
摘要:标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度获取HTMLVideoElement和HTMLAudioElement对象//audio可以直接通过new创建对象Media = new Audio("http://www.abc.com/test.mp3");//audio和 阅读全文

posted @ 2014-01-30 19:55 iackjee 阅读(174) 评论(0) 推荐(0)

[转载]html5直接在网页上播放视频音频兼容所有浏览器
摘要:文章给大家分享一个html5直接在网页上播放视频兼容所有浏览器,有需要的同学可参考。HTML5可以用video标签来播放视频当前,video 元素支持三种视频格式:格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的MPEG4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件列: Y... 阅读全文

posted @ 2014-01-30 16:38 iackjee 阅读(483) 评论(0) 推荐(0)

[转载]12款很棒的浏览器兼容性测试工具推荐
摘要:原文地址:http://www.cnblogs.com/lhb25/archive/2011/07/18/testing-cross-browser-compatability-tools.html对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。Spoon Browser Sandbox点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。 阅读全文

posted @ 2014-01-30 16:33 iackjee 阅读(233) 评论(0) 推荐(0)

[转载]在網頁上加入HTML5 的Video Tag,直接播放MP4、OGG…等
摘要:在之前有一篇文章提到HTML5(為何iPhone,iPod,iPad不支援Flash,HTML5將更普及於網路世界!!)的重要性,而Html 5的主要革新是在他的語意標籤,像是、、、、和這些,一看就知道是用在何處的標籤,將是Html 5的主要特色之一,今天我們要介紹的是這個新標籤。一般人可能有個錯誤觀念是Htmh 5會播影片,這是一個錯誤的觀念,如果你真是這麼認為,下方有解說。本文章節:一、將影片轉成MP4、OGG、Webm二、讓Internet Explorer支援Htnl5三、在網頁上加入HTML 5 的Video Tag,播放影片四、效果展示五、範例檔下載事實上,HTML 5是不能播影片 阅读全文

posted @ 2014-01-30 13:57 iackjee 阅读(2185) 评论(0) 推荐(0)

<base target="_blank"/>
摘要:是将基本链接的目标框架都改为新页打开 阅读全文

posted @ 2014-01-25 17:25 iackjee 阅读(116) 评论(0) 推荐(0)

Form表单学习网站
摘要:HTML表单 -- form标签 -- 与浏览者交互:http://www.dreamdu.com/xhtml/tag_form/ 阅读全文

posted @ 2014-01-13 10:52 iackjee 阅读(206) 评论(0) 推荐(0)

[转载]jQuery 1.9 移除了 $.browser 的替代方法获取浏览器类型
摘要:jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是: 从长久来看,这样有利于在复杂情况下根据浏览器特性进行分别处理, 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性, 所以在网上找了一些能够直接替换的解决办法。判断浏览器类型... 阅读全文

posted @ 2014-01-12 10:39 iackjee 阅读(211) 评论(0) 推荐(0)

[转载]jquery tmpl使用方法
摘要:动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是,结构不复杂的时候还好,结构一复杂,就想死了,需要很小心很小心地写出几乎无法维护的 JavaScript 代码。如同为解决 PHP 拼数据这方面的问题而有了 Smarty 这些模版,JavaS 阅读全文

posted @ 2014-01-10 12:54 iackjee 阅读(304) 评论(0) 推荐(0)

返回canceled 代码 的原因
摘要:ajax 不支持跨域操作jsonp,才导致返回canceled 代码.解决的办法就是 标签.jquery 也为我们提供了$.Ajax()方法或$.getScript()方法来实现jsonp操作,这个方法的本质也是利用 标签来实现跨域请求的. 阅读全文

posted @ 2014-01-06 11:10 iackjee 阅读(287) 评论(0) 推荐(0)

js 网页输出文本
摘要:document.write("test"); 阅读全文

posted @ 2014-01-05 15:53 iackjee 阅读(686) 评论(0) 推荐(0)

导航