![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 78
thoughtfly
这个作者很懒,什么都没留下…
展开
-
页面屏蔽鼠标左右键备忘
2012-3-30 由于在不同浏览器下对于ctrl+p的效果不同,有的还是能打印,并且使用浏览器上的打印也可以,再次更改 在页面头上加入以下代码,即使能打印也只是打印空白页面。 <style unselectable="on" style="-webkit-user-select: none; "> @media print { * { dis...原创 2012-03-14 15:59:10 · 87 阅读 · 0 评论 -
document.all问题
ie支持document.all 而firefox 不支持所以,在开发通用website时,就要避免这个问题,解决的方法有三个,就是改用下面三个tag的其中一个来代替document.all getElementsByTagName("*")可以得到得到所有元素的集合getElementById 可以按id得到某一元素...原创 2010-02-03 13:48:30 · 384 阅读 · 0 评论 -
"event is not defined" 问题处理
FireFox 是遵守W3C, 沒有event 所以可能会出现"event is not defined"而IE event给于window.event, 解决方法: funname(event,....) { var evt = event ? event : (window.event ?w...原创 2010-02-03 13:47:15 · 3352 阅读 · 0 评论 -
JS 触发事件整理
一般事件 onclick IE3、N2鼠标点击时触发此事件 ondblclick IE4、N4鼠标双击时触发此事件 onmousedown IE4、N4按下鼠标时触发此事件 onmouseup IE4、N4鼠标按下后松开鼠标时触发此事件 onmouseover IE3、N2当鼠标移动到某对象范围的上方时触发此事件 onmouse...原创 2010-02-03 13:41:38 · 159 阅读 · 0 评论 -
页面关闭触发事件
function f() { if (event.clientX > document.body.clientWidth && event.clientY <0 || event.altkey) { alert("1"); }}window.onbeforeunload= f;补充说明:window....原创 2010-02-03 13:38:02 · 306 阅读 · 0 评论 -
thickbox影响父层
使用thickbox层,但是事件发生在iframe层,导致只有iframe层呈现thickbox,。 解决方案:我们要达到iframe层事件触发的thickbox影响到整个页面,可对thickbox.js稍做修改。 function tb_init(domChunk){$(domChunk).click(function(){var t = t...原创 2010-02-03 13:36:18 · 77 阅读 · 0 评论 -
jquery中的$().each和$.each的区别
前者只能遍历数组,后者可以遍历数组和对象 var map = { 地名:["北京","天津","上海"], 民族:["汉族","藏族","维吾尔族"] }; $.each(map,function(原创 2010-02-03 13:10:38 · 69 阅读 · 0 评论 -
检测浏览器及版本
navigator是在JavaScript中的一个独立的对象,他用于提供用户所使用的浏览器以及操作系统等信息,以navigator对象属性的形式来提供。 appCodeName javaScript 1.0 介绍:与浏览器相关的内部代码名 appMinorVersion IE4及其后续的版本 介绍:辅版本号(通常应用于浏览器的补丁或服务包) appName javaScr...2010-05-04 09:29:03 · 118 阅读 · 0 评论 -
freemarker语法
常用语法EG.一个对象BOOK1.输出 ${book.name}空值判断:${book.name?if_exists },${book.name?default('xxx')}//默认值xxx${ book.name!"xxx"}//默认值xxx日期格式:${book.date?string('yyyy-MM-dd')}数字格式:${book?string.number...2010-05-04 09:25:49 · 89 阅读 · 0 评论 -
CSS Sprites
CSS Sprites简介 说白了,CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的"background-image","background- repeat","background-position"的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。 当页面加载时,不是加载每个单独图...2010-05-04 09:19:29 · 84 阅读 · 0 评论 -
JS屏蔽BackSpace键
if (typeof window.event != 'undefined') { document.onkeydown = function() { var type = event.srcElement.type; var code = event.keyCode; return ((code != 8 && code != ...2010-05-04 09:17:12 · 114 阅读 · 0 评论 -
JQuery启动方法
参考版本:1.2.6从下面启动类中,可以明显看出ready事件的几种写法:$('document').ready(function(){}); $().ready(function(){}); $(function(){}); jQuery.fn = jQuery.prototype = { init: function( selector, contex...2010-05-04 09:10:56 · 2679 阅读 · 0 评论 -
js 使用json 简单封装
<html><title>无标题文档</title></head><body><div id="div">点击我</div><span></span><span><2010-04-21 17:15:17 · 258 阅读 · 0 评论 -
多重List Map 相互嵌套取值
<#list map as list> //遍历MAP <#list list?keys as itemKey> //定义KEY <#assign item = list[itemKey]>//MAP的value值,因为本例value也是list,所以还需要遍历 <#list item as admin&g...2010-04-21 17:02:16 · 786 阅读 · 0 评论 -
js 使用apply方法来继承"类"
<html><head><title>简单用例:js 使用apply方法来继承"类" </title></head><body></body></html><script type="javascrip2010-04-15 09:18:18 · 109 阅读 · 0 评论 -
ymPrompt提示组件在IE8中的小bug
我们写惯性的让dreamweave,eclipse之类的工具帮我们生成html,jsp页面的主体部分。但是正是这个习惯,和我们的ymPrompt的兼容产生了一个小的bug。doctype申明是生成文件的一部分,虽然大多数Web文档的顶部都有doctype声明,但很多人都没有注意它。虽然doctype被许多人忽视,但在遵循标准的任何Web文档中,它都是一项必需的元素。doctype...2010-04-07 09:41:50 · 145 阅读 · 0 评论 -
阻止表单提交
关于enent.preventDefault()和 event.stopPropagation() event.preventDefault() 该方法将通知 Web浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是"submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event...原创 2009-12-28 13:28:46 · 87 阅读 · 0 评论 -
Js+css activex打印
<OBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowserwidth=0></OBJECT> <input name=ButtononClick=document.all.WebBrowser.ExecWB(1,1) typ...原创 2010-02-03 13:50:14 · 87 阅读 · 0 评论 -
Freemarker 中Request Attribute取值错误
paramList在action中给值request.setAttribute('name=ddd'); 取值结果:= 被转成了html符号了 ${requestAttributes.paramList} name=ddd${request.getAttribute('paramList...原创 2010-02-03 14:02:18 · 1224 阅读 · 0 评论 -
[带菜鸟飞] js数值判断要注意长度
提问:16位的9在js中会显示多少?即 9999999999999999使用alert可得到答案 10000000000000000提问:16位数字9999999999999991 在js中是显示多少?结果是 9999999999999992根据经验,如果数字超过15位时,就不知道在下一时刻会在哪一个数值中会出错深层次的原因我不清楚,但从长度原因推算来看,无非就两种可能,一种是...2012-07-11 20:27:37 · 259 阅读 · 0 评论 -
web记录用户登出时间解决方案
2012-2-28方案一监听session摧毁1.继承HttpSessionListener并实现sessionDestroyed方法2.设置session过期最大值,一般为30分钟。优点:容易实现缺点:精度不高方案二页面中使用框架或ajax不停向服务发送请求1.页面中利用js或框架间隔性向服务器发送请求优点:精度较高 缺点:代码容易混乱,影响并...2012-02-28 10:28:53 · 1231 阅读 · 0 评论 -
[datatable]在页面中更改cell值后再排序
需求:在点击一按钮后,对选中的行对应的某一列中的值进行更改。并且,更改后能对该列进行排序 datatable提供了单元格编辑扩展,但这不是这个需求所需要的,我们不需要编辑单元格,只要更改单元格中的值。更改单元格的值很简单,使用jquery的搜索查到选中的行找到要改的列,更改html即可。但是这样更改后不能正确的进行该列的排序。其排序还是以未改之前的为准。 经研究得到解决方案。注...2012-07-02 11:27:58 · 301 阅读 · 0 评论 -
[datatable]排序时指定某列不可排序
datatable是一个jquery扩展的表格插件。其提供了强大的表格功能。官方地址:http://www.datatables.net/media/images/DataTables.jpg 在官方示例中,对于表格的是否可排序是在初始化中设置的一个值来决定的$(".datatable-simplified").dataTable( { "bSort": f...2012-07-02 10:41:38 · 522 阅读 · 0 评论 -
jquery mobile 实现下载功能时的问题
开发环境 使用jquery mobile 来开发移动web页面 问题现象 有一文件名链接,点击后是触发js功能并对表单进行提交,希望返回的是文件下载的效果,结果是返回一个undefind字符页面。 原因分析 在多方研究之后,将问题范围归结为jquery mobile默认的ajax提交设置。由于jquery mobile的使用是用于移动手机,设计思想又主要是以ajax交互...2012-02-01 13:49:26 · 189 阅读 · 0 评论 -
让页面展现速度提高20%
每次在项目开发或维护中,总会听到抱怨,页面打开的速度真慢,系统要优化了,代码应该要重构了。就我个人而言,对于页面打开速度的缓慢我们可以质疑和调查,但轻易的说对系统进行优化,代码进行重构这个就有点太随意了。对于成型的系统而言,尤其是多人合作的系统,对于重构和优化一定要慎重,就如同你将带领你的部队进入原始森林一般。不过,这些是题外话,这里要讲的是在不进行大动作的情况下让页面的展现速度提...2011-10-23 15:32:01 · 161 阅读 · 0 评论 -
表单提交前内容的js处理
说明:经常使用ajax提交表单,无论是get还是post方法,其内容都有部分特殊字符需要转义或处理原理:如果是get方法,则是要对内容进行转码和转义,如果是post方法,则只要对其内容进行特殊内容转义,可写一公共方法通用处理后提交。特殊字符转义包括 | + %2B | 空格 %20 | / %2F | ? %3F | % %25 | # %23 | & %26 | = %3...2010-07-05 10:39:06 · 353 阅读 · 0 评论 -
HTML特殊符号表
特殊符号命名实体十进制编码特殊符号命名实体十进制编码Α&Alpha;&#913;Β&Beta; &#914; Γ&Gamma; &#915; ...原创 2010-07-05 10:14:19 · 140 阅读 · 0 评论 -
ie 下 jquery的 submit不起作用
问题:项目中所有使用jquery.submit()的方法在验证后提交在ie6中失去作用;所有使用window.location.href=*** 方法在验证后在ie6中失去作用;所有a链接中使用href="javascript:void(0);"方法后在i6中点击失去使用;(失去作用意思为:点击后已经到后台取到值但页面并没有更新)分析:ie总是喜欢使用一些异步的实现,很...2010-05-25 17:31:28 · 264 阅读 · 0 评论 -
执行ajax返回的script代码
晕死,自已在这里面加个表面就把页面给变了不成样子了,重发下。 问题:在使用ajax调用页面时,另一个页面中script中的ready并不执行;分析:页面在打开时只加载一次script,所以利用ajax返回的页面中ready并不执行;解决:1 、取返回页面内容中的 js 内容function getJavaScript(data) { var script, scripts...2010-05-17 12:27:18 · 900 阅读 · 0 评论 -
navigator取浏览器信息
<html><head><body><script language="JavaScript">document.write("浏览器名称: "+navigator.appName+"<br>");document.write("版本号: "+navigator.appV原创 2010-02-21 13:23:07 · 99 阅读 · 0 评论 -
JS实现下可输入拉选框
直接附上代码 <script language="javascript"> function changeF() { document.getElementById('makeupCo').value= document.getElementById('makeupCoSe').options[document.g...原创 2010-02-21 08:55:06 · 90 阅读 · 0 评论 -
jquery插件开发方法
jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如:$.extend({add:function(a,b){return a+b;}});便为jQuery添加一个为add的"静态方法",之后便可以在引入jQuery的地方,使用这个方法了,$.add...原创 2010-02-06 18:02:37 · 68 阅读 · 0 评论 -
JS实现可输入的下拉选框
<script language="javascript"> function changeF() { document.getElementById('makeupCo').value= document.getElementById('makeupCoSe').options[document.getElementById('ma...原创 2010-02-06 17:56:02 · 574 阅读 · 0 评论 -
弹出窗口
【最基本的弹出窗口代码】 其实代码非常简单: <SCRIPTLANGUAGE="javascript"> <!-- window.open('page.html') --> </SCRIPT> 因为这是一段javascript代码,所以它们应该放在<SCRIPTLANGUAGE="javas...原创 2010-02-05 09:40:09 · 72 阅读 · 0 评论 -
Freemarker 常用内置函数和用法
一、 Sequence的内置函数 1. sequence?first返回sequence的第一个值。2. sequence?last 返回sequence的最后一个值。3. sequence?reverse将sequence的现有顺序反转,即倒序排序4. ...原创 2010-02-04 17:57:40 · 132 阅读 · 0 评论 -
onclick值的分析
在IE6下的解决方案,是不用<a>标签,用CSS的鼠标手型来替代,再用JS的bind功能来实现转向。原创 2009-12-28 13:27:27 · 145 阅读 · 0 评论 -
JS封装类或对象
面向对象强大的优点之一是能够创建自己专用的类或者对象,封装一组属性和行为。抛开性能来说,JS要比面向对象语言如JAVA要灵活好用的多,组装数据结构很灵活方便。那么我们如何来用面向对象的思维来定义JavaScript的类或对象呢? 问题的出现 如果要抽象出来一个人,那么简单的属性为:name,sex,birthday等,方法为:sayHi,最初...原创 2009-12-28 13:23:07 · 361 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //...原创 2009-12-28 13:20:50 · 66 阅读 · 0 评论 -
Get 方法加号处理
测试组给报了一个bug,查了下才发现是用get方法转了加号的参数,fix它。 用get方法,参数里有"+"时,要做处理,否则到后台会变成空格 解决方案:1、改用post方法,ok2、在js里用url = encodeURI(encodeURI(XXX)),后台再解码一次,ok3、将参...2010-03-10 11:29:54 · 731 阅读 · 0 评论 -
css float使用
项目里初版本的页面也要我们来写,没办法,写吧,用css时,float没用好,页面排版不好,搜点资料备用float 有三个属性left,righ,none 。在使用float时需要注意的是float是相对于下个元素的,如两个div,第一个divfloat:right那么两个div就会在同一行上,第二个div会出现在右边。当然一个容器内只有一个元素的话也可以使用float,不过这样效果...2010-03-10 11:22:07 · 94 阅读 · 0 评论