HTML
关注
分享
扫一扫
文章平均质量分 54
sfSam
这个作者很懒，什么都没留下…
展开
-
radio对象必须有写name属性！
<input type="radio" value="Column2D" checked hidefocus name="charadio" />柱状图2013-03-11 11:09:16 · 627 阅读 · 0 评论 -
ie和firefox区别
<head><script type='text/javascript'>function init() {// 跳转处理var handler = function(){ var host = document.location.href; if(host.indexOf('jx163.cn') >= 0) ...原创 2013-02-01 13:55:25 · 91 阅读 · 0 评论 -
各大浏览器HTML标签闭合功能小结
WoYiGuis BLoG各大浏览器有一个特性，也就是当我们无意中忘记闭合某一个标签的话，经过浏览的处理，输出时，就会“多管闲事”的帮助闭合上。虽然此功能看似很好，但是因为浏览器定则闭合规则都不相同，导致匹配不一样，有时少写一个闭合，当前标签的页面都会丢失，具体如下：测试代码:<script src="xss.js"1、IE 没有闭合功能，会以普通字符输出。2、Firef...2013-07-25 17:41:16 · 518 阅读 · 0 评论 -
关于ie输入框回车提交表单的问题
<form id="Form1" method="post" runat="server" onsubmit="return false">在FORM中的TEXTBOX框中回车，会触发FORM的SUBMIT事件，这是IE对于HTML语法的解析设计使然，也并非ASP.net特有，在手工编写的纯HTML页面（非.net服务器端生成的HTML）中同样会有此现象。注意，在文本框中回车触发的是F...原创 2014-01-06 11:44:17 · 231 阅读 · 0 评论 -
IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题
在使用<input id="file_upl" type="file" />控件上传文件时，有时会需要获取文件本地路径展示给客户，这时可以通过这样的方式获取文件本地路径：document.getElementById('file_upl').value这在IE7及以前的IE浏览器版本上都没有问题，但是到IE8上面，就不行了，在IE8中你只会获取到这样的路径："C:\fakep...原创 2013-08-08 15:46:19 · 275 阅读 · 0 评论 -
Form注意事项
如果Form 的enctype="multipart/form-data" 时method 必须为post2013-08-11 19:56:58 · 156 阅读 · 0 评论 -
input file 清空已选择的文件的方法
1.<input name=f type=file><input type=button value=清空 onclick=f.createTextRange().execCommand("delete")> 2<input name=f type=file><input type=button value=清空 onclick="f.outer...2013-08-11 22:13:24 · 3538 阅读 · 0 评论 -
隐藏input file 框的实现
思路：1.讲input file 域的透明度设置为0------- opacity：02.讲input file 绝对定位到模拟点击的按钮上------动态获得模拟按钮的top ，left值，然后赋给input域3.给input file 注册onchange事件（其实最终还是点击的input file域）4.如果onchange发生只能触发一次的bug，要在请求回调的方法里re...2013-08-12 13:56:44 · 1088 阅读 · 0 评论 -
HTML FORM 回车提交研究
我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则： 1. 如果表单里有一个type=”submit”的按钮，回车键生效。 ...2013-08-23 16:30:16 · 167 阅读 · 0 评论 -
height、clientHeight、scrollHeight、offsetHeight区别
我们来实现test中的onclick事件 function justAtest() { var test= document.getElementById("test"); var test2=document.getElementById("test2") var test3=document.getElementByI...2013-08-26 12:57:31 · 127 阅读 · 0 评论 -
style、currentStyle、getComputedStyle区别介绍
样式表有三种方式 内嵌样式（inline Style） ：是写在Tag里面的，内嵌样式只对所有的Tag有效。 内部样式（internal Style Sheet）：是写在HTML的<head></head>里面的，内部样式只对所在的网页有效。 外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(S...原创 2013-08-26 13:20:28 · 120 阅读 · 0 评论 -
HTML5学习记录-----canvas学习之钟表
canvas钟表代码，欢迎大家有好点建议可以提。js高级扣扣群：170798851 欢迎来交流学习 git项目地址：https://github.com/Jonavin/HTML5_Study /** * Created by Administrator on 2014-11-22. */(function(win){ var doc = win.d...2014-11-22 19:08:42 · 563 阅读 · 0 评论 -
javascript 美化下拉列表一
<!DOCTYPE ><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> var childCreat2013-01-30 16:46:18 · 141 阅读 · 0 评论 -
自定义下拉列表样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> &原创 2013-01-29 16:01:51 · 237 阅读 · 0 评论 -
iframe 取父窗口
[size=large][color=blue][b]this.parent[/b][/color][/size]原创 2012-03-21 17:48:52 · 95 阅读 · 0 评论 -
HTML nodeType 的值以及常用nodeType
定义和用法nodeType 属性返回节点的类型。[1]语法attrObject.nodeType[1]nodeType取值Node.ELEMENT_NODE (1)Node.ATTRIBUTE_NODE (2)Node.TEXT_NODE (3)Node.CDATA_SECTION_NODE (4)Node.ENTITY_REFERENCE_NODE(5)...2013-03-19 21:34:22 · 336 阅读 · 0 评论 -
ie浏览器文档兼容模式学习
IE6、IE7、IE8、IE9兼容性问题解决办法2012-01-13 12:00前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。新的IE为了确保网页在未来的版本中都有一支的外观，IE8引入了文件兼容性。当你引入一个增设的兼容性模式，...原创 2012-03-28 02:19:17 · 123 阅读 · 0 评论 -
event对象在IE和firefox详解
IE中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定－收缩JavaScript代码var evt = window.event || arguments[0]; 下面分四种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种添加事件的...原创 2013-03-22 20:11:30 · 224 阅读 · 1 评论 -
div固定页面右下角实现
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>使用CSS将Div固定在窗口的右下角</title> <style> #INDEXT_RB_AD原创 2012-11-02 14:21:11 · 1720 阅读 · 0 评论 -
JavaScript各类父窗口与子窗口之间的操作（包括Iframe、window.open、window.showModalDialog） ...
http://www.pin5i.com/showtopic-26904-3.html原创 2013-01-23 14:31:10 · 119 阅读 · 0 评论 -
解决dom元素应用float样式后导致外部容器不能撑开
div:after{ content:"."; display:block; height:0; clear: both; visibility: hidden;}原创 2013-01-25 16:22:52 · 168 阅读 · 0 评论 -
js+css美化select，简单易用代码少，可以自己控制样式
非常好用。2013-11-21 15:03:21 · 142 阅读 · 0 评论 -
精美的鼠标跟随一
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>精美js鼠标跟随代码</title> </head> <body>2013-01-29 10:48:07 · 111 阅读 · 0 评论 -
简单的鼠标跟随一
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> &2013-01-29 10:50:53 · 237 阅读 · 0 评论 -
鼠标跟随特效一
<!DOCTYPE ><html> <head> <STYLE TYPE="text/css"> <!-- BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font...2013-01-29 11:57:37 · 353 阅读 · 0 评论 -
详解css3使用border属性实现各种三角形及其他复杂图形的原理
最近看到网上有很多用css3实现三角形及各种复杂图形的代码，看到代码的时候一头雾水，索性用半天的时间好好研究了一下背后的实现原理。话不多说，先上代码：<html><head><style type="text/css">p{ float:left;margin-right:20px;}#triangle-full { ...原创 2016-01-21 13:20:17 · 729 阅读 · 0 评论