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

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

Javascript: QQ邮箱的一个文本编辑器代码; Z-Blog中用到的js代码; 绝对经典的滑轮新闻显示(javascript+css)实现; 用js实现的仿sohu博客更换页面风格（简单版）; 仿Vista进程条效果; 用Javascript判断图片是否存在，不存在则显示默认图片的代码; 用JQuery 实现的自定义对话框; jQuery使用手册之三 CSS操作; 利用Dojo和JSON建立无限级AJAX动态加载的功能模块树; 贴图转换+转贴工具用到的js代码超级推荐; 超级简单的图片防盗(HTML),好用; 现代 javscript 编程资料; 超级可爱纯js网页时钟; Dojo之路:如何利用Dojo实现Drag and Drop效果; AJAX架构之Dojo篇; 发两个小东西，ASP/PHP 学习工具。用JavaScript写的; 使用prototype.js 的时候应该特别注意的几个问题.; 一个已封装好的漂亮进度条; 漂亮的widgets，支持换肤和后期开发新皮肤; 用javascript实现的仿Flash广告图片轮换效果

No. « ‹ 203 204 205 206 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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对象图文解决方法