连续操作HTMLElement对象图文解决方法- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 连续操作HTMLElement对象图文解决方法

Javascript: javascript显弹效果代码增加了cookies控制; 通过修改referer下载文件的方法; js简单的表拖拽; javascript Error 对象错误处理; [原创]discuz中用到的javascript函数解析; js 加载时自动调整图片大小; JS入门代码集合; css客齐集社区头像显示效果; 使用jscript实现二进制读写脚本代码; 国外的为初学者写的JavaScript教程; 比较详细的javascript DOM 学习笔记; 符合W3C Web标准的图片连续无间隙水平滚动; Javascript入门学习第五篇 js函数; 点图片上一页下一页翻页效果; js鼠标、键盘事件实例代码; JavaScript 图片切换展示效果alibaba拓展版; Javascript 小技巧全集; 两表格传递变量; 收集整理的四个方向的滚动; 可拖动窗口，附带鼠标控制渐变透明，开启关闭功能

No. « ‹ 197 198 199 200 › »

技术文章搜索

关键字

Javascript 中的连续操作HTMLElement对象图文解决方法

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 101 ::

收藏到网摘: n/a

浅谈javascript函数劫持[转自xfocus] Javascript jquery css 写的简单进度条控件

Object.prototype.***不能用作在HTMLElement对象上，如本后面的抓图所示。

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
var JObj = {};
(function($){ $.$ = function(p){ var obj = typeof(p) == "object" ? p : document.getElementById(p); assignFn(obj); return obj; } $.$appendTo = function(f,p){ var obj = p ? $.$(p) : this; $.$(f).appendChild(obj); assignFn(obj); return obj; } $.$c = function(p,n){ var obj; try{ obj = document.createElemnet("<" + p + " name='" + n + "'>"); }catch(e){ obj = document.createElement(p); obj.name = name; } assignFn(obj); return obj; } $.$att = function(k,v,p){ var obj = p ? $.$(p) : this; obj.setAttribute(k,v); obj[k] = v; obj.$att = $.$att; assignFn(obj); return obj; } $.$css = function(k,v,p){ var obj = p ? $.$(p) : this; obj.style[k] = v; obj.$css = $.$css; assignFn(obj); return obj; } var fv = function(){ var f="-1",n=navigator; if (n.plugins && n.plugins.length) { for (var ii=0;ii<n.plugins.length;ii++) { if (n.plugins[ii].name.indexOf('Shockwave Flash')!=-1) { f=n.plugins[ii].description.split('Shockwave Flash ')[1]; break; } } } else if (window.ActiveXObject) { for (var ii=10;ii>=2;ii--) { try { var fl=eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+ii+"');"); if (fl) { f=ii + '.0'; break; } }catch(e) {} } } if(f == "-1") return f; else return f.substring(0,f.indexOf(".")+2) } $.browser = {}; (function($){ //Notice : Firefox ,NS can't use property: name (case sensitive)! Because it's a hold field ,and it's values is anonymous. var n_ = navigator,s_ = screen; var b = n_.appName; var ua = n_.userAgent.toLowerCase(); $.Name = "Unknow"; $.safari = ua.indexOf("safari")>-1; // always check for safari & opera $.opera = ua.indexOf("opera")>-1; // before ns or ie $.firefox = ua.indexOf('firefox')>-1; // check for gecko engine $.ns = !$.firefox && !$.opera && !$.safari && (b=="Netscape"); $.ie = !$.opera && (b=="Microsoft Internet Explorer"); $.Name = ($.ie ? "IE" : ($.firefox ? "Firefox" : ($.ns ? "Netscape" : ($.opera ? "Opera" : ($.safari ? "Safari" : "Unknow"))))); switch($.Name){ case "Opera": $.fullVersion = ua.substr(ua.indexOf("opera") + 6); break; case "IE": $.fullVersion = ua.substr(ua.indexOf("msie") + 5).split(";")[0]; break; case "Firefox": $.fullVersion = ua.substr(ua.indexOf("firefox") + 8); break; case "Safari": $.fullVersion = ua.substr(ua.indexOf("version") + 8).split(" ")[0]; break; case "Netscape": $.fullVersion = ua.substr(ua.indexOf("netscape") + 9); break; default: $.fullVersion = "-1"; } $.version = parseFloat($.fullVersion); })($.browser); var fn = {}; (function($,$$){ var o; for(o in $$){ if(eval("$$." + o) instanceof Function) $[o] = o; } })(fn,$); var assignFn = function(p){ if(!p) return; var o; for(o in fn){ p[o] = $[o]; } }
})(JObj);
</script>
</head>
<body>
</body>
</html>
<script language="javascript" type="text/javascript">
var width = 200;
var height = 200;
var oOutline = JObj.$c("DIV").$appendTo(document.body).$css("width",width + "px").$css("height",height + "px").$att("class","oOutline").$att("className","oOutline").$css("backgroundColor","#cc6600");
alert(JObj.browser.Name + " " + JObj.browser.fullVersion)
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

浅谈javascript函数劫持[转自xfocus] Javascript jquery css 写的简单进度条控件

Javascript 中的 连续操作HTMLElement对象图文解决方法

评论 (0) All

Javascript 中的连续操作HTMLElement对象图文解决方法