互联网－从零开始

在PC端的浏览器上，用如下的CSS设置，就可以将div固定在窗口底部：position: fixed;bottom: 0;但是这种设置在手机上浏览时，如果向下滚动视口，就会发现fixed的div并没有固定在底部，而是随着视口向上滚动了，这时就可以使用如下的解决办法：在head中加这么一个声明：

以下css实现文字竖排：.totoptext { font: bold 20px/40px simsun; float: left; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); writ

1、加个随机数      xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);2、在要异步获取的asp页面中写一段禁止缓存的代码：      Response.Buffer =True      Response.ExpiresAbsolute =Now() - 1      Respons

1，注册页面滚动事件，window.onscroll = function(){ };2，相关获取页面高度、滚动条位置、文档高度的函数：//获取滚动条当前的位置function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrol

最近在搞一个考试系统，系统要求要有随机拍照的功能，并且摄像头能够收到js的控制。在线摄像头嘛，就那两种实现的方式：cab或者flash。暂且不论本人从没学过的flash（事实上我已经做了一个flash调用摄像头的demo，虽然是调用成功了，但是对于拍照部分我实在是无力了，况且还有js控制flash部分的代码更是令人头痛。）。本来之前本人已经开发了一个摄像头的cab，但是active

前面转载的那篇文章，HTML 5在线摄像头应用，直接使用例子来测试有问题（我直接部署到服务器上，使用Chrome浏览器执行），所以我参考它的源代码重新整理了一个页面出来，这个在Chrome（版本 29.0.1547.76 m）测试过，应该没有问题。这个版本的代码是最简单，最直接的，没有任何其他功能的代码，便于学习、扩展使用。Download

某天想从淘宝网上截取一个购物车的图标使用，结果发现其图标根本就不是一个图片，而是从一个字体文件中引用的，所谓的图标就使一个字符，然后浏览器根据字体渲染出来的一个图标，其原理和文字显示一个样。下面看看其实现方式：首先在css中需要声明font-face，也就是加载字体文件，如下：@font-face{ font-family: iconfont; src:url(/fon

如果想让div横向充满页面，则可以设置宽度为100%，如，但是这样以来如果设置这个div的边框为1个像素，就会出现一个横向的滚动条，解决办法就是不设置100%，因为div默认就是100%宽度的，而且这个宽度是包括边框的。

1，radio分组只要name一样，就是一组的，即一组中只能选择一个，如下： group1: radio1 radio2 radio3 group2: radio4 radio5 radio6效果如下：2，获取选中的radio节点使用jquery可以很方便做到，先选择group，然后过滤出checked的，如下：

标签： js图片上传 本地预览 input file js取值

参考：css min-width最小宽度与max-width最大宽度教程min-width与max-width后面均跟具体数字+html单位min-width:50px 最小宽度为50pxmax-width:50px 最大宽度为50pxCSS样式结构div{min-width:50px}div{max-width:50px}

参考资料：1，Upload progress bar working with apache, nginx and lighttpd upload progress modules2，模拟AJAX无刷新的文件上传功能3，关于真正的Ajax方式上传文件

#totop{position:fixed;right:10px;bottom:10px;width:100px;height:100px;}

出现兼容性问题的代码很简单： 其中logo的样式定义：#logo { margin-left:108px; margin-top:3px; display:inline-block; float:left;}显示效果就是Chrome、FireFox、IE10以上都没有问题，

普通WEB摄像头的“自动光圈”会在环境光线发生变化后自动调节光圈大小，这是视频互动最忌讳的情况，所以我的所有项目都基于专业的监控摄像头了。可惜Flash却得不到来自监控卡的视频信号，解决的办法就是不再用Flash做视频互动，至少以前是，呵呵。最近一个激光互动游戏是在Flash中完成的，几经修改后，WEB摄像头已经不能胜任，如果它不能获得监控卡的视频信号，这个作品就只能夭折或在效果和灵敏度上

可以使用trigger方式，javascript中没有原生的trigger函数，可以自己写一个，也可以直接使用jquery的实现：var button1 = document.getElementById("button1");var button2 = document.getElementById("button2");button1.onclick = function(){aler

css:word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

单行文本居中比较简单，就是将line-height设置成和height一样就可以了，但是对于多行文本，这种方式就行不通了，除了第一行，下面的就都看不到了。多行文本垂直居中的CSS需要这么设置： /*多行居中对齐的方法，width，height必须使用px单位，再配合vertial-align:middle和display:table-cell属性，且div不能浮动*/

如今大部分浏览器都是标签式的浏览器，即打开一个链接时默认情况一般都在本标签或新开一个标签页打开，但是有时候我们想弹出一个新的小窗口显示页面，那么如何设置呢？1，直接定义链接的target为_blank仅仅使用。。。是不够的，这个一般只会在新标签页中打开。2，定义onclick事件处理函数function openNewWin(url){ window.open(url);}

有时候我们保存了网页，可打开显示时确实乱七八糟的，格式不对、图片刷不出来、版面是乱的，这些可能都是由于样式表、脚本、图片的路径不对的原因。几乎所有网页在设计时引用外部文件时都是使用的相对路径，而在浏览器中浏览时，浏览器会自动添加上基础路径，这样就得到一个完整的路径了。但是如果在离线保存的文件中，基础路径就不存在了，幸好html的head中有一个标签：base，可以用来设置网页中引用外部文件的基

为了兼容各种浏览器，上传文件就必须使用传统的form方式，配合js的submit，将form提交到一个隐藏的iframe中，在iframe的onload事件中获取返回值，这个过程有几个关键技术点：1，iframe必须定义name属性值必须定义name标签，不能只定义id标签，否则在form中写的target="fileuploadif"无效（其实只是在IE中无效）。2，文件的选择必须通

html中的label标签的作用是：当点击label标签时，浏览器会自动将焦点转到相关的input表单控件上。苹果香蕉你想达到的效果是点击”苹果“时，”苹果“前面的radiobutton能够选中，事实上并没有，我们使用label标签就可以简单实现这个功能：苹果香蕉

div设置成float之后，在父div中设置text-align:center，就无法使子div居中显示了，不过我们可以使用变通的方法达到这一效果，就是在父div上再套一个div，如下： 这样containerdiv就会在outerdiv的中间显示了。

可以把这些div放在一个父div中，overflow设置成hidden。里面横向并排的div可以使用float:left，最后一个不设置，width设置为auto，同时把margin-left设置成前面几个div的宽度之和，如下：

iframe设置一个id为iframe1。1，iframe要执行父页面的javascript函数，则在iframe中执行如下代码：window.parent.func();这里func()为父页面的一个javascript函数，执行这个函数时的上下文环境为父页面。2，iframe要获取父页面的页面元素，则在iframe中执行如下代码：window.parent.document

比如我们要匹配下面这个语句中的“”的“line1  这个正则表达式这么写：/)/如果我们只匹配后面为“br>”的“/)/这两种语法在正则表达式中称之为：(?=pattern) 零宽正向先行断言(?!pattern) 零宽负向先行断言断言的意思是判断是否满足，零宽的意思是它只匹配一个位置，如同^匹配开头，$匹配末尾一样，只是一个位置，不返回匹配到的字符，正向表示需

很多在线编辑的网页都需要对用户输入的文本进行html的编码，避免输入的内容影响正常的网页排版，重新编辑时又需要进行对应的解码操作。用google搜索了一下，发现网上引用最多的两个函数是：//编码function HTMLEncode(str) {var s = "";if (str.length == 0) return "";s = str.replace(/&/g, "&amp

有时候在网页中编辑文章的时候，编辑窗口中有滚动条，当编辑窗口中的滚动条滚动到底的时候再滚动，就会滚动浏览器的滚动条，怎么在打开编辑的时候禁用浏览器滚动条，编辑完成之后又恢复呢？这里有四个属性可以设置：document.body.parentNode.style.overflow = “hidden";//隐藏且禁用横向纵向两个滚动条document.body.parentNode.styl

转至：http://hi.baidu.com/bookun/item/a92138c3ebe1eb0fad092f2b网上查到的全都是escape，和需要的编码不是一回事，好不容易找到的结果 保存下来以备以后使用js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decode

scrollbar属性、样式详解1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）    overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置    以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置

$(node).prev();$(node).next();

在一个div容器中，如果里面的div使用浮动float:left，就可以做到横向排列，但是这样带来了一个问题，就是作为容器的div就收缩了，要使容器div自动扩展到里面浮动div的大小，其实只需要简单地给容器div设置属性：.divcontainer{ overflow: hidden; width: 100%;}

jsrender的{{for}}语法用于将一个if前面不能有空格