
HTML
jumtre
这个作者很懒,什么都没留下…
展开
-
window.print打印指定div-打印网页指定区域
第一种方法:指定不打印区域使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。细如下: .noprint{visibility:hidden} 要打印的内容。哈哈!第二种方法:指定打印区域把要打印的内容放入一个 span或div,然后通过一个函数打印。把要打印的内容放这里所有内容div2的内容转载 2014-08-04 13:39:33 · 11368 阅读 · 1 评论 -
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下;百度一下,你就知道 var wpo={start:new Date*1,pid:109,page:'superpage'}可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样转载 2015-12-22 16:05:44 · 1274 阅读 · 0 评论 -
iframe与主框架跨域相互访问方法
iframe 与主框架相互访问方法1.同域相互访问假设A.html 与 b.html domain都是localhost (同域)A.html中iframe 嵌入 B.html,name=myframeA.html有js function fMain()B.html有js function fIframe()需要实现 A.html 调用转载 2016-02-02 18:00:52 · 3318 阅读 · 0 评论 -
src与href属性的区别
src和href之间存在区别,能混淆使用。src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译转载 2016-02-03 14:20:57 · 556 阅读 · 0 评论 -
将文件编码成base64通过AJAX上传
使用AJAX是无法直接上传文件的,一般都是新建个iframe在它里面完成表单提交的过程以达到异步上传文件的效果。如此做可以达到比较好的浏览器兼容性,不过代码量会比较大,即使是使用了文件上传插件,例如plupload。如何能达到灵活的程度呢,能像普通的AJAX提交表单数据那样将文件看成是普通表单参数来对待就好了。灵光一闪,利用javascript的FileReader对象将文转载 2016-04-11 09:23:59 · 14184 阅读 · 0 评论 -
HTML5是如何使用鼠标滚轮事件的
你我都知道在HTML5网页中添加鼠标滚轮事件能够更好的让用户与网页进行交互操作。而在HTML5中,鼠标滚轮并不仅仅就只能上下滑动网页,实际上你还可以依靠这个完成更多的功能,比如视野平面的放大与缩小。看看实际演示效果 大部分浏览器都是支持鼠标滚轮事件的,所以你可以先订阅鼠标滚轮事件的方法,每当事件被触发时,你能获取一个名为 wheelDelta 的属性,它代表刚才鼠标转载 2016-04-11 10:13:09 · 3897 阅读 · 0 评论 -
HTML中鼠标滚轮事件onmousewheel处理
滚轮事件是不同浏览器会有一点点区别,一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件,其他的浏览器滚轮事件使用mousewheel,下面我来给大家具体介绍。Firefox使用DOMMouseScroll,其他的浏览器使用mousewheel。滚动事件触发时Firefox使用detail属性捕捉转载 2016-04-11 10:15:21 · 9002 阅读 · 0 评论 -
html5手机网站需要加的那些meta/link标签,html5 meta全解
一、大众机型常用meta标签name的设置1、name之viewport说明:屏幕的缩放content的几个属性: width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是iOS支持; height – viewport 的高度 (转载 2016-04-27 15:35:47 · 989 阅读 · 0 评论 -
Mobile开发之meta篇
width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) initial-scale: 初始的缩放比例 (范围从>0到 10 ) minimum-scale: 允许用户缩放到的最小比例 maximum-scale: 允许用户缩放到的最大比例转载 2016-04-27 16:04:20 · 540 阅读 · 0 评论 -
手机端的META你有多了解?
简CC今天打算了解下手机端的网页的构造,毕竟我也想制作完美一点的手机模版,提升自己的水平,特意翻了一下各大网站的手机端是如何构造的,结果发现了一个有趣的事,那就是meta标签的差异。我们先来简单了解下meta标签:meta指元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与转载 2016-04-28 11:33:27 · 828 阅读 · 0 评论 -
html表格边框样式
.borderedTable { border-style: solid; border-width: 1px 0px 0px 1px; border-collapse: collapse;} .borderedTable td { border-style: solid; border-width: 0px 1px 1px 0px原创 2015-12-01 15:27:52 · 1484 阅读 · 0 评论 -
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:定义页面或区段的头部;定义页面或区段的尾部;定义页面或区段的导航区域;页面的逻辑区域或内容组合;定义正文或一篇完整的内容;定义补充或相关内容; 使用他们能让代码转载 2015-10-12 10:47:49 · 1310 阅读 · 0 评论 -
showModalDialog和Postback
今天碰到一个让我一开始觉得莫名其妙的问题, 用window.showModalDialog打开一个.aspx文件,然后点击这个页面上一个button, 把页面的数据存入数据库之后,居然又打开一个这个页面在google上搜索了不小一会之后,终于找到了原因了. 点击页面上button,会产生一个postback事件,等服务器处理完之后把更新的数据发送到客户端完成页面的刷新.但是由于页面是以mo转载 2014-09-17 17:21:59 · 1349 阅读 · 0 评论 -
IE下GridView导出Excel无反应
使用GridView导出Excel的方法把GridView中的内容导出为Excel:/// /// 将网格数据导出到Excel/// /// 网格名称(如GridView1)/// 要导出的文件类型(Excel:application/ms-excel)/// 要保存的文件名public void GridViewToExcel(Control ctrl, string Fil原创 2014-11-07 11:14:43 · 2772 阅读 · 0 评论 -
网页特殊符号HTML代码大全
HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。 ´´©©>>µ&转载 2015-01-22 18:54:29 · 1108 阅读 · 0 评论 -
HTML页面加载流程
浏览器加载显示html的顺序是按下面的顺序进行的:1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)。3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析,解析过程中,停止页面转载 2015-08-06 21:22:34 · 1125 阅读 · 0 评论 -
Web页面优化
前端是庞大的,包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。转载 2015-08-06 21:25:29 · 4088 阅读 · 0 评论 -
为span标签设置宽度
设置样式display的值为inline-block即可。如:1原创 2015-09-28 14:24:56 · 2547 阅读 · 0 评论 -
HTML5 respond.js 解决IE6~8的响应式布局问题
响应式布局,理想状态是,对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢?这里我们需要借助这样一个文件:respond.js。文件下载地址:https://github.com/scottjehl/Respond(或者百度搜索respo转载 2016-08-05 14:07:06 · 1392 阅读 · 0 评论