代码如下: var element= document.getElementById("id"); element.style.width="20px"; element.style.height="20px"; element.style.border="solid 1px red"; 样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。 js中有一个cssText的方法: 语法为:obj.style.cssText="样式"; 上面的代码我们可以修改成:感谢sliuqin的在留言中的斧正 element.s...
我们用js书写css样式通常会用下面的两种方式: 一般情况下我们用js设置元素对象的样式会使用这样的形式: 代码如下:var element= document.getElementById(”id”); element.style.width=”20px”; element.style.height=”20px”; element.style.border=”solid 1px red”; 但是上面的方法有一个缺点,样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器...
图片批量加载 function $id(id){ return document.getElementById(id);} function $c(tagName){ return document.createElement(tagName);} window.onload = function(){ imageLoad( { url:function(v){ v = []; for(var i=1; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
firefox等可以使用 var dom=document.getElementById("name"); dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ; IE中则必须使用style.cssText var dom=document.getElementById("name"); dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;"; 补充一下,目前style.cssText类似innerHTML了,已经成为一个web开发的事实标准。因此测试显示firefox浏览器也支持这种方式。
刚学了点DOM节点树的操作方法和属性,边尝试着写一个不用手动设置id和双击事件的例子,折腾了N久终于弄出了摸样来了,代码如下:(说明:双击运行文本框里的代码,右击复制其内的代码,另存为*.htm文件即可测试) textarea运行框效果 textarea {width:100%;height:200px;font-family:"fixedsys";overflow-y:hidden;} /*******************************************************************************************************...
前台: upload.htm 代码如下: upload var TfileUploadNum = 1; //记录图片选择框个数 var Tnum = 1; //ajax上传图片时索引 //增加上传按钮 function TAddFileUpload() { var idnum = TfileUploadNum + 1; var str = ""; str += "图片" + idnum + ":"; str += ""; str += ""; str += ""; $("#loadimage").append(str); TfileUploadNum += 1; } //开始上传 function TSubmitUploadImageFile() { document.getElementById(...
前台代码 代码如下: var a; function CheckAll(){ if(a==1) { for(var i=0;i{ var e = form1.elements[i]; e.checked =false; } a=0; } else { for(var i=0;i{ var e = form1.elements[i]; e.checked =true; } a=1; } } function CheckDel(){ var number=0; for(var i=0;i{ var e = form1.elements[i]; if (e.Name != "CheckBoxAll") { if(e.checked==true) { number=number+1; } } } if(number==0) { alert("请选择需要删除的项...
代码如下: Switch Logo Images 切换 LOGOS title1 = "google"; title2 = "baidu"; logo1 = "images/google.gif"; logo2 = "images/baidu.gif"; function switchlogos() { //alert('switch'); var tmplogo = logo1; var tmptitle = title1; logo1 = logo2; title1 = title2; logo2 = tmplogo; title2 = tmptitle; ("update logolist set src='" + logo1 + "', title='" + title1 + "'").ForDOM().execute(); }; 'create...
以下代码,运行后,需要刷新下,才能加载jquery,要不然看不到效果。1、单行滚动效果无标题文档 ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} function AutoScroll(obj){ $(obj).find("ul:first").animate({ marginTop:"-25px" },500,function(){ $(this).css({marginTop:"0px"}).find("li:first"...
代码如下: function SetFormValue(column,values) { var elem; for(var m=0;m<column.length;m++) { var tempValue=column[m]; elem=null; elem=document.getElementById(tempValue); if(elem==null) { //如果没有对应的控件,则跳过本次循环 continue; } var trueValue=eval("values.Rows[0]."+tempValue); if(trueValue==||trueValue==null||trueValue==null) { //如果当前值为空,则跳过本次循环 continue; } if(elem.tagName==...
代码如下:for(var i=1;i<=3;i++){ document.getElementById(btn + i).onclick = (function(j){ return function(){ alert(j); } })(i); } 下面是结合了jquery的代码,原理都是一样的 在使用javascript批量绑定页面上的元素并传递递增编号时,需要如下编写: 部分的代码: 代码如下:部分的代码: 代码如下:$(function () { var i; for (i = 1; i <= 7; i++) { $("#btn" + i).bind("click", { id: i }, dis); } }); func...
代码如下: 测试文件上传 $(function(){ //ShowFolderFileList("D:\\CodeNet\\web\\Images\\shopTemplets"); }); function ShowFolderFileList(FilePath){ var fso, f, fc, sf; fso = new ActiveXObject("Scripting.FileSystemObject"); try{ f = fso.GetFolder(FilePath); }catch(err){ alert("文件路径错误或者不存在!!"); return false; } // 列出所有文件 fc = new Enumerator(f.files); var fileName = ""; for(;!fc.atEn...
代码如下: isArray : function(v){ return toString.apply(v) === [object Array]; }, isDate : function(v){ return toString.apply(v) === [object Date]; }, isObject : function(v){ return !!v && Object.prototype.toString.call(v) === [object Object]; }, isPrimitive : function(v){ return Ext.isString(v) || Ext.isNumber(v) || Ext.isBoolean(v); }, isFunction : function(v){ return toString.apply(v) === [objec...
给一个HTML元素设置css属性,如 代码如下: var head= document.getElementById("head"); head.style.width = "200px"; head.style.height = "70px"; head.style.display = "block"; 这样写太罗嗦了,为了简单些写个工具函数,如 代码如下: function setStyle(obj,css){ for(var atr in css){ obj.style[atr] = css[atr]; } } var head= document.getElementById("head"); setStyle(head,{width:"200px",height:"70px",display:"...
1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果 代码如下: 代码如下: var util = { $: function (id) { return document.getElementById(id); }, getElementsByClassName: function (oElm, strTagName, strClassName) { var arrElements = oElm.getElementsByTagName(strTagName); var arrReturnElements = new Array...