xhtml
文章平均质量分 75
Coding-lover
Keep hungry,Keep foolish(可通过微信联系我:unilay_yang)
展开
-
html 禁止input文本框输入实现属性
今天想总结几个很有用的html标签,开发中经常用到,不熟悉的人可能还真不太清楚,分别是: readonly、disabled、autocomplete readonly表示此域的值不可修改,仅可与 type=”text” 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值. <input type="text" name="www.xxx" readonly="readonly" /> dis转载 2015-08-04 16:54:04 · 2545 阅读 · 0 评论 -
js 字符串转义
function coder(str) { var s = ""; if (str.length == 0) return ""; for (var i=0; i<str.length; i++) { switc转载 2015-01-19 10:56:32 · 902 阅读 · 0 评论 -
如何调试手机网页
兵马未动,粮草先行。安排好 debug 工作的道理也一样,调试的基本工作务必先于开发之前搞得好,不然后果很严重……!哈哈,这样的开场白太那个了……其实实不相瞒,俺的实际情况是,到项目后期才懂得那么一点页面调试手段,之前怎么弄……不怕见笑,还是 console.log/alert 几招,甚至几招都算不上,,好原始的说……嗯,少废话,来上货,,一、基于 weinre 的方案的:We转载 2014-12-23 00:07:44 · 3209 阅读 · 0 评论 -
手机端网页调试方案
(本文前身是技术分享的ppt,因此有些图直接是ppt导出的。画的图全是原创,转载请注明,谢谢。)在手机端网页开发的特定阶段,需要查看手机端的界面、交互与体验。2011年时,开发时有很大麻烦:相应的静态文件在测试服务器上,没有上线,需要绑定hosts而手机端直接绑定hosts是需要越狱/root的有的手机浏览器根本不认hosts文件,如uc手机端的调试工具匮乏断点调试、查看变转载 2014-12-23 00:19:30 · 1591 阅读 · 0 评论 -
js iframe子页面与父页面通信
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同。一、同域下父子页面的通信父页面parent.html function say(){ alert("parent.html"); } function callChild(){转载 2014-12-21 17:35:05 · 666 阅读 · 0 评论 -
html 如何让微信里的html应用弹出“点击右上角分享到朋友圈”的图片
一个分享按钮,一个隐藏的图片(这个图片绝对定位在右上角)然后就是点击显示,点击隐藏了...分享到朋友圈 对应样式#mcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);转载 2014-12-16 21:36:10 · 8014 阅读 · 1 评论 -
html 背景音乐
1. 如何贴rm,ra,ram类型的音乐,代码如下:2. 如何贴midi,asf,wma,asx类型的音乐,代码如下:>只需要把整段代码copy复制到文章中(编辑文章的时请先点击HTML代码模式再粘贴代码,否则这段代码会以文本形式显示出来,不能被执行),用你喜欢及可用的音乐文件的URL(网址)代替上面红色显示的音乐地址代码就可以了。造成音乐不能成功播放的大多转载 2014-10-22 02:10:49 · 1265 阅读 · 0 评论 -
html meta viewport属性说明
什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大转载 2014-11-27 10:07:00 · 969 阅读 · 0 评论 -
CSS 清除默认样式模版
宽度计算一定是包括自己设置宽度+边框宽度+padding宽度+margin宽度组成,因为一些组件默认含有一定的样式,开发前如不进行原有格式清除,很容易造成结构错位。首先给大家分享我的及CSS网页使用的开头CSS模板;HTML+CSS模板divcss5初始化XHTML(DIV+CSS初始化模板)此处提供DIVCSS5每次开发项目时候使用的DIV+CSS模板初始化最基本的模板模块。转载 2014-11-27 14:04:02 · 7934 阅读 · 0 评论 -
html 框架
一、框架 一个浏览器文档窗口只能显示一个网页文件,但是可以通过使用框架,在同一个浏览器窗口中显示不止一个页面。使用框架的页面主要包含两个部分,一个是框架集,另一个就是具体的框架文件。 框架多用于网站后台或者内网系统的布局。 1.框架集():就是用来定义这一HTML文件为框架模式,并设定视窗如何分割的文件。通俗一点地说,框架集就是存放框架结构的文件,也是访问框架文件的入转载 2014-10-19 21:24:44 · 905 阅读 · 0 评论 -
html 表单
一、表单 1.表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。 2.表单的工作机制 3.表单定义(标签) HTML表单是一个包含表单元素的区域, 表单使用 标签创建。表单能够包含 标签" href="http://www.w3school.com转载 2014-10-19 12:13:45 · 966 阅读 · 0 评论 -
html 怎样阻止超链接跳转
链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);假设链接中同时存在href与onclick,如果想让href属性下的动作不执行,onclick必须得到一个false的返值;如果页面过长有滚动条,且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript:vo(0);,而不要是 #,这可以防止不必要的页面转载 2015-01-04 14:14:15 · 6066 阅读 · 0 评论 -
html 页面禁止缓存
HTML: ASP response.expires=0 response.addHeader("pragma","no-cache") response.addHeader("Cache-Control","no-store, must-revalidate") PHP header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"转载 2015-01-04 14:04:12 · 1269 阅读 · 0 评论 -
html 等待界面
发送中,请稍等... -->发送中,请稍等...function show(o1,o2,open){ var o1 = document.getElementById(o1); var o2 = document.getElementById(o2); o1.style.width = document.documentElement.scrollWidth;原创 2015-03-10 10:28:08 · 5183 阅读 · 0 评论 -
html+css布局的三种方式
1.自然布局。 没有任何修饰的布局是自动靠左的。 2.流动布局 上面讲的float:left的情况。 3.定位布局 相对定位和绝对定位都是相对于父div标签的。 相对——以这个元素的本来应该在的位置为参照点 绝对——以父div标签的原点(左上角)为参照点。由于外层是position:relative,所以里层是absolute的话,则会以外层的左上角为位移参考对齐。当然外层只转载 2015-08-03 12:49:18 · 2650 阅读 · 0 评论 -
html 自定义提示框,仿android的Toast功能
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>自定义Toast,类似于android的Toast</title><style>body { font-family: 'Lucida Grande', 'Helvetica',转载 2015-08-12 16:06:27 · 6229 阅读 · 1 评论 -
html 文档类型DTD与浏览器怪异模式
虽然在兼容IE6时候经常会注意到两个模式的区别,但是系统的理解起来,还没有认真总结过。看了一些网上的资料。结合自己的理解汇总了一下,放在这里备忘并分享给大家。浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义了DOCTYPE浏览器则会进入标准模式(Standards Mode),否则浏览器会进入怪异模式或混杂模式(Quirks mode)。转载 2015-07-29 16:53:11 · 677 阅读 · 0 评论 -
html meta标签常用属性整理
概要标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 —— W3School必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息可选属性 属性 值 描述 http-equiv c转载 2015-07-29 14:57:51 · 822 阅读 · 0 评论 -
html 网页背景图片根据屏幕大小CSS自动缩放
腾讯微博和QQ空间的登录背景图片是根据访客的屏幕大小自动缩放的,但是好像是用JQuery代码实现的。先不说要调用jq库拖慢了网页的打开时间,而且对于兼用性不好。前几天用CSS研究出相同效果的样式代码。无论图片多大都能根据屏幕变化(当然图片尺寸越大越好)。而且在拉动网页窗体大小时会自动调节图片大小,实时交互。效果上图看不了。在这里放个连接,CSS 代码如下:#background { po转载 2015-07-28 18:11:55 · 19967 阅读 · 1 评论 -
html 表单提交的几种方法
最普通最常用最一般的方法就是用submit type..看代码:<form name=”form” method=”post” action=”#"> <input type=”submit” name=”submit” value=”提交"></form>另外,还有一种常用的方法是使用图片:<form name=”form” method=”post” action=”# ">转载 2015-07-06 15:20:10 · 1026 阅读 · 0 评论 -
html DOCTYPE声明详解
<!DOCTYPE>声明定义<!DOCTYPE>声明必须是HTML文档的第一行,位于<html> 标签之前。 <!DOCTYPE>声明不是 HTML 标签;它是指示Web浏览器使用哪个 HTML 版本进行编写的指令。<!DOCTYPE>声明注意事项<!DOCTYPE>声明没有结束标签。 <!DOCTYPE>声明对大小写不敏感。 在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD转载 2015-07-25 18:38:56 · 1241 阅读 · 0 评论 -
html 查看html元素绑定的事件与方法的利器
WEB标准提倡结构、表现和行为相 分离,现在越来越多采用这种表现和行为的方式,但它也为我们开发调试带来一些问题,网页载入一堆JavaScript,,我们很难搞清楚最后在哪些元素的哪个动作绑定了事件,尤其是JavaScript加载事件的方式五花八门,可以透过jQuery、element.click = function() { }、element.addEventListener()…,很难由单一处找转载 2015-06-17 09:55:54 · 1779 阅读 · 0 评论 -
java BlockingQueue
前言: 在新增的Concurrent包中,BlockingQueue很好的解决了多线程中,如何高效安全“传输”数据的问题。通过这些高效并且线程安全的队列类,为我们快速搭建高质量的多线程程序带来极大的便利。本文详细介绍了BlockingQueue家庭中的所有成员,包括他们各自的功能以及常见使用场景。认识BlockingQueue 阻塞队列,顾名思义,首先它是一个队列,而一个队列在数据结构中所转载 2015-04-02 22:37:16 · 804 阅读 · 0 评论 -
html 浮动窗口
function createInputDialog(obj,id,value){ var div=document.getElementById("editBehaviorDiv"); if(div!=null) document.body.removeChild(div); div = document.createElement("d原创 2015-03-10 10:24:36 · 2534 阅读 · 0 评论 -
html target属性详解(如何分窗口,frame、target、base、hr)
A的target属性 介绍A标签的另一个重要的属性——target。例子target=_blank href=/cgi-bin/mybbs/>myBBS显示myBBS说明 这个连接和一般的连接看起来没有任何区别,只是点这个连接时,浏览器将打开一个新的窗口显示myBBS。target可能的值还有:_blank开一个新窗口转载 2014-10-19 23:00:30 · 11410 阅读 · 3 评论 -
html iframe和frameset的区别
iframe 和 frameset 都用于html页面的框架布局1. 标签iframe 是个内联框架,是在页面里生成个内部框架。1.1格式:1.2主要属性:frameborder :是否显示框架的边框;src :指定一个资源(如网页、图片)的uri;scrolling :是否显示框架的滚动条;width:定义iframe的宽度;height:转载 2014-10-19 21:37:48 · 965 阅读 · 0 评论 -
html 表单form相关知识
在Javascript 中,页面上的每一对 标记都解析为一个对象,即form 对象。可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。如果一个表单对象定义如下:form name="frm1" method="post" action="login.aspx">获得该表单对象的方法:转载 2014-10-19 11:15:11 · 734 阅读 · 0 评论 -
html Form属性Name和ID的区别
HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。name原来是为了标识之用,但是现在根据规范,都建议用id来标识元素。但是name在以下用途是不能替代的:1. 表单(form)的控件名,提交的数据都用控件的nam转载 2014-06-17 21:12:39 · 2489 阅读 · 0 评论 -
html 隐藏html元素
有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏,可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别,简单的例子代码如下:转载 2014-06-15 23:54:54 · 869 阅读 · 0 评论 -
dom 编程(html和xml)
html dom与xml dom关系:什么是 DOM?DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XM原创 2014-05-23 11:44:48 · 1361 阅读 · 0 评论 -
html 页面自动跳转的五种实现方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的02view.html(根据自己需要自行修改)文件。 1)html的实现 优点:简单缺点:Struts Tiles中无法使用 2)javascript的实现 setTimeout("javascript:location.href='02view.htm转载 2014-06-13 18:36:43 · 1908 阅读 · 0 评论 -
javascript 寻找错误方法
这篇博客必须写了,它浪费我了一个上午的时间。为了以后能快速寻找到这方面的错误,节约更多的时间。情况是这样的:我写了一个后台管理系统是引用Marix Admin的,因为这个系统包含了很多很多框架,如jquery,bootstrap,还有它自身的框架系统marix,一大堆的js和css文件。你想引入外面的框架时,就会和原来的库文件产生冲突,还有就是书写的格式问题。针对上面两大问原创 2014-06-13 11:03:39 · 967 阅读 · 0 评论 -
html iframe自适应高度的多种方法方法小结
对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的转载 2014-07-21 16:48:20 · 2921 阅读 · 0 评论 -
web 前端开发规范文档
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小转载 2014-05-15 00:31:52 · 599 阅读 · 0 评论 -
ajax开发
1.Ajax核心工作机制: 1. 对象初始化并发出XMLHttpRequest请求Ø XMLHttpRequest 对象 整个Ajax开发的基础。提供客户端与服务器端异步通信的能力Ø IE5.0 XMLHttpRequest = new ActiveXObject("Msxm12.XMLHTTP");Ø IE5.5 X转载 2014-05-19 09:41:57 · 675 阅读 · 0 评论 -
html 前台通用表单
Document function validate() { if(loginform.username.value == ""){ alert("账号不能为空!"); return; } if(loginform.password.value == ""){ alert("密码不能为空!"); return; } loginform.submit原创 2014-05-15 15:56:16 · 1131 阅读 · 0 评论 -
xhtml 学习
1.xhtml和html的区别:html与xhtml是一种语言的不同阶段,xhtml是网页标准化过程中由html走向xml的一座桥梁。xhtml的要求比html的更严格。如:xhtml要求正确嵌套,xhtml的所有元素必须关闭,xhtml区分大小写,xhtml属性值要用双引号,xhtml用id替代name属性等等。使用dw默认使用xhtml.2.的基本语法:由标签和属性构成。不同的标签原创 2014-05-14 15:15:57 · 1192 阅读 · 0 评论 -
html javascript jsp之间变量值的互相读取
javascript html相互读取javascript-->html:举个例子: 网页陶吧同一页面内的引用方法:1、使用id: link1.href,返回值为http://homepage.yesky.com2、使用name: document.all.linkname1.href,返回值为http://homepage.yesky.com3、原创 2014-05-16 18:02:04 · 10352 阅读 · 0 评论 -
html 插入视频
在HTML中添加视频的代码 自动载入视频 与音乐的播放一样,我们可以使用EMBED标签播放视频, 属性有:SRC="http://blog.163.com/qianxue126@126/blog/FILENAME"设定文件的路径AUTOSTART=TRUE/FALSE是否要文件传送完就自动播放,转载 2014-10-22 02:13:51 · 114957 阅读 · 1 评论 -
html 文字标签
有关文字的标签有很多,常用的标签有、等,通过这些标签我们可以设置文字的大小、颜色、字体及样式。◆ 标签 标签属性 SIZE 设定文字的大小 COLOR 设定文字的颜色 FACE 设定文字的字体 ◇ 文字的大小设置 SIZE="N"> ... "N"有效值范围为1 - 7也就是说文字大小分转载 2014-10-04 02:00:26 · 981 阅读 · 0 评论