js：网页可见区域宽： document.body.clientWidth;(不含滚动条) 网页可见区域高： document.body.clientHeight;(不含滚动条) 网页可见区域宽： document.body.offsetWidth;(包括边线的宽); 网页可见区域高： document.body.offsetHeight;(包括边线的宽); 网页正文全文宽： document.body.scrollWidth; 网页正文全文高： document.body.scrollHeight; 网页被卷去的高(ff)：document.body.scrollTop; 网页被卷去的高(ie): documen...
如果你在IE8浏览器下开发网站，其实这是个假命题，因为原生的javascript 并不支持 .trim()方法，如果你写了类似document.getElementByID().trim();的代码，在IE8模式下运行，会报 ： 不支持该方法或属性的错误。 解决方法： 1.使用JQuery提供的$.trim([要操作的对象]); 2.自己封装一个方法进行空白字符的截取。原文：http://www.cnblogs.com/prac/p/trim.html
前端 时间个性化 插件 jquery.timeago.js 关键词 ：时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm 或者 yyyy-MM-dd 前端： <span title="2016-07-23 12:02:32"></span> 用法： $(".time").timeago(); 插件： jquery.timeago.js !function (t) {function e(e) {var n = t.extend(o.settings, e), s = t.proxy(r, this);s(),n.refreshMillis > 0 && setInterval(s, n.refreshMillis)}function r() {var e = n(t...
//**1、设置默认值：**//var osel=document.getElementById("selID"); //得到select的IDvar opts=osel.getElementsByTagName("option");//得到数组optionvar obt=document.getElementById("bt");obt.onclick=function(){opts[3].selected=true;//设置option第4个元素，即value="3"为默认选中 }//**2、设置禁止选择：**// $("#selectId").attr("disabled", "disabled"); $("#selectId").attr("style", "background-color: #EEEEEE;...
一、jQuery的发展 随着javascript的不断发展，延伸出了多种JS程序库，当前比较流行的js库有：1）Prototype 成型较早，从整体上对面向对象的编程思想把握的不是很到位。 2）Dojo 学习曲线陡，文档不齐全，最严重的的是APE不稳定，每次升级都可能导致已有程序失效。 3）YUI Yahoo公司出品，比较完善，编写规范。 4）Ext JS 原本是对YUI的扩展，主要用于构建前端用户界面，后期发展可以用来开发富有华丽外观的富客户端应用，商业用...
1 window.onload = function()2{3var al = document.getElementsByTagName("script");4var new_element=document.createElement("script"); 5var joine = []6for(var i = 0; i<al.length; i++)7{8 joine.push(al[i].getAttribute("src"));9} 10var ajoine = joine.join(","); 11console.log(ajoine); 12if(IndexDemo(ajoine,‘jquery.min.js‘)>0) 13 { 14 console.log(‘1‘); 15//alert(1);16 }else{ 17 ...
在使用ajax进行留言的时候,出现了一个问题.因为留言内容写完之后,通过ajax提交内容,同时使用js把留言的内容添加到页面上来.浏览留言的时候也是通过ajax请求,然后再显示的.这样,如果有人在留言里写入了js语句,这结语句都会被执行.解决办法就是对这些特殊字符进行转义再显示出来.如果在jsp中使用jstl标签,就很简单了.直接使用<c:out value=”${r.content}” />这样就行了,会自动进行转义,其中省略了参数escapeXML=”true”,这是默认的...
实际开发中遇到JQuery与其他js库起冲突 究其原因，是它们的全局对象定义冲突了，特别是变量”$”，可重载$函数。使用jQuery.noConflict()就可以通过重载$函数 例：项目中应用的 <script type="text/javascript" src="js/mootools.js"></script><script type="text/javascript"> jQuery.noConflict(); //重载 默认JQuery 或者简洁一点用 var $j = jQuery.noConflict(); 那就是使用$j jQuery(docu...
(function( $ ){ $.fn.qrcode = function(options) { // if options is string, if( typeof options === ‘string‘ ){ options = { text: options }; } // set default values // typeNumber < 1 for automatic calculation options = $.extend( {}, { render : "canvas", width : 256, height : 256, typeNumber : -1, correctLevel : QRErrorCorrectLevel.H, background : "...
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，只是与window.onload方法还是有差别的。总的来说，window.onload()方法是必须等到页面内包含图片的全部元素载入完成后才干运行。$(document).ready()是DOM结构绘制完成后就运行，不必等到载入完成。 详细一些。能够从下面几方面对照它们的差别：1.运行时间window.onload必须等到页面内包含图片的全部元素载入完成后才干运行。 $(document).ready()是...
在WebRoot下的新建文件夹里面添加的jsp文件，例如WebRoot/jquery/other.jsp 在WebRoot下的jsp文件，例如WebRoot/other.jsp原文：http://www.cnblogs.com/tianhengblogs/p/5444776.html
? ? ? ?jQuery.tmpl.js是一款动态请求数据，然后自动拼装HTML的组件。很多时候ajax请求基本上都是请求JSON，XML等数据然后前端拼装html，这个真是一件很蛋疼的事儿。jquery.tmpl是给我们揉蛋的软妹，废话不说了，先看图，界面用了bootstrap，比较好看然后点击生成按钮，模拟接受JSON生成html。?使用相当方便，只需要引入一个JS文件即可 jQuery.tmpl.jshttp://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js<!...
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4fengyuanchen / cropper Cropper也是一款图片裁剪jQuery插件，stars数量1k+，是杭州的前端工程师Fengyuan Chen所写的，功能也相当丰富，裁剪时还可以对原图进行旋转。 Cropper项目地址 ...
闲话少说，直接看需求: 在一篇文章中查找关键字，找到后高亮显示.这种需求可以用js实现，可以用jquery实现，殊不知jquery有现成的插件，亲，你不用自己实现了，只需要引入jquery-hightlight.js注意:如下body内容如此复杂只是为了测试，没有其他目的.<!DOCTYPE html> <html><head><title>regex.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my ...
在这篇文章中我们将创建纯css3的等待效果动画，不用javaScript，不用jquery，不用图片。效果如下：html标记在这篇文章中用到的html只需要添加一个<div>该div加入一个class=“loading”，如下所示：复制代码代码如下:<div class="loading"></div>CSS 下面通过一个例子实现上图中第三个css效果：第一部分css它设置了该div的样式，利用css3我们可以创建很多形状，如线、矩形、圆饼等，我们也可以为其生成纹理和条纹等复杂的效果。下面...