首页 > 代码库 > 常用JS技巧[转]
常用JS技巧[转]
- 作者:72妃
- 事件源对象 View Code
1 event.srcElement.tagName2 event.srcElement.type
- 捕获释放
View Code1 event.srcElement.setCapture(); 2 event.srcElement.releaseCapture();
- 事件按键
View Code1 event.keyCode2 event.shiftKey3 event.altKey4 event.ctrlKey
- 事件返回值 View Code
1 event.returnValue
- 鼠标位置
View Code1 event.x2 event.y
- 窗体活动元素
View Code1 document.activeElement
- 绑定事件 View Code
1 document.captureEvents(Event.KEYDOWN);
- 访问窗体元素
View Code1 document.all("txt").focus();2 document.all("txt").select();
- 窗体命令
View Code1 document.execCommand
- 窗体COOKIE
document.cookie - 菜单事件
document.oncontextmenu - 创建元素
document.createElement("SPAN"); - 根据鼠标获得元素:
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms) - 窗体图片
document.images[索引] - 窗体事件绑定
document.onmousedown=scrollwindow; - 元素
document.窗体.elements[索引] - 对象绑定事件
document.all.xxx.detachEvent(‘onclick‘,a); - 插件数目
navigator.plugins - 取变量类型
typeof($js_libpath) == "undefined" - 下拉框
下拉框.options[索引]
下拉框.options.length - 查找对象
document.getElementsByName("r1");
document.getElementById(id); - 定时
timer=setInterval(‘scrollwindow()‘,delay);
clearInterval(timer); - UNCODE编码
escape() ,unescape - 父对象
obj.parentElement(dhtml)
obj.parentNode(dom) - 交换表的行
TableID.moveRow(2,1) - 替换CSS
document.all.csss.href = "http://www.mamicode.com/a.css"; - 并排显示
display:inline - 隐藏焦点
hidefocus=true - 根据宽度换行
style="word-break:break-all" - 自动刷新
<meta HTTP-EQUIV="refresh" C> - 简单邮件
<a href="http://www.mamicode.com/[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> - 快速转到位置
obj.scrollIntoView(true) - 锚
<a name="first">
<a href="http://www.mamicode.com/#first">anchors</a> - 网页传递参数
location.search(); - 可编辑
obj.contenteditable=true - 执行菜单命令
obj.execCommand - 双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/ - 让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all; - 透明背景
<IFRAME src="http://www.mamicode.com/1.htm" width=300 height=180 allowtransparency></iframe> - 获得style内容
obj.style.cssText - HTML标签
document.documentElement.innerHTML - 第一个style标签
document.styleSheets[0] - style标签里的第一个样式
document.styleSheets[0].rules[0] - 防止点击空链接时,页面往往重置到页首端。
<a href="javascript:function()">word</a> - 上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer - 释放内存
CollectGarbage(); - 禁止右键
document.oncontextmenu = function() { return false;} - 禁止保存
<noscript><iframe src="http://www.mamicode.com/*.htm"></iframe></noscript> - 禁止选取<body Shortcut Icon" href="http://www.mamicode.com/favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 - 收藏栏图标
<link rel="Bookmark" href="http://www.mamicode.com/favicon.ico"> - 查看源码
<input type=button value=http://www.mamicode.com/查看网页源代码 > - 关闭输入法
<input style="ime-mode:disabled"> - 自动全选
<input type=text name=text1 value="http://www.mamicode.com/123" > - ENTER键可以让光标移到下一个输入框
<input > - 文本框的默认值
<input type=text value="http://www.mamicode.com/123" > - title换行
obj.title = "123 sdfs " - 获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() 窗口是否关闭
win.closed- checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> - 获取选中内容
document.selection.createRange().duplicate().text - 自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能 - 窗口最大化
<body > - 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
- 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码
- 高级应用(一) ~~~~~~~~~~~~~~View Code
1 //各种尺寸 2 3 s += "\r\n网页可见区域宽:"+ document.body.clientWidth; 4 s += "\r\n网页可见区域高:"+ document.body.clientHeight; 5 s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)"; 6 s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)"; 7 s += "\r\n网页正文全文宽:"+ document.body.scrollWidth; 8 s += "\r\n网页正文全文高:"+ document.body.scrollHeight; 9 s += "\r\n网页被卷去的高:"+ document.body.scrollTop; 10 s += "\r\n网页被卷去的左:"+ document.body.scrollLeft; 11 s += "\r\n网页正文部分上:"+ window.screenTop; 12 s += "\r\n网页正文部分左:"+ window.screenLeft; 13 s += "\r\n屏幕分辨率的高:"+ window.screen.height; 14 s += "\r\n屏幕分辨率的宽:"+ window.screen.width; 15 s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight; 16 s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth; 17 18 19 20 //过滤数字 21 22 <input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf(‘.‘)<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData(‘text‘).match(/\D/)" ondragenter="return false"> 23 24 25 //特殊用途 26 27 <input type=button value=http://www.mamicode.com/导入收藏夹 onclick="window.external.ImportExportFavorites(true,‘http://localhost‘);"> 28 <input type=button value=http://www.mamicode.com/导出收藏夹 onclick="window.external.ImportExportFavorites(false,‘http://localhost‘);"> 29 <input type=button value=http://www.mamicode.com/整理收藏夹 onclick="window.external.ShowBrowserUI(‘OrganizeFavorites‘, null)"> 30 <input type=button value=http://www.mamicode.com/语言设置 onclick="window.external.ShowBrowserUI(‘LanguageDialog‘, null)"> 31 <input type=button value=http://www.mamicode.com/加入收藏夹 onclick="window.external.AddFavorite(‘http://www.google.com/‘, ‘google‘)"> 32 <input type=button value=http://www.mamicode.com/加入到频道 onclick="window.external.addChannel(‘http://www.google.com/‘)"> 33 <input type=button value=http://www.mamicode.com/加入到频道 onclick="window.external.showBrowserUI(‘PrivacySettings‘,null)"> 34 35 36 //不缓存 37 38 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> 39 <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 40 <META HTTP-EQUIV="expires" CONTENT="0"> 41 42 43 //正则匹配 44 45 匹配中文字符的正则表达式: [\u4e00-\u9fa5] 46 匹配双字节字符(包括汉字在内):[^\x00-\xff] 47 匹配空行的正则表达式:\n[\s| ]*\r 48 匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/ 49 匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数) 50 匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 51 匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 52 以下是例子: 53 利用正则表达式限制网页表单里的文本框输入内容: 54 用正则表达式限制只能输入中文:onkeyup="value=http://www.mamicode.com/value.replace(/[^/u4E00-/u9FA5]/g,‘‘)" onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[^\u4E00-\u9FA5]/g,‘‘))" 55 1.用正则表达式限制只能输入全角字符: onkeyup="value=http://www.mamicode.com/value.replace(/[^/uFF00-/uFFFF]/g,‘‘)" onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[^\uFF00-\uFFFF]/g,‘‘))" 56 2.用正则表达式限制只能输入数字:onkeyup="value=http://www.mamicode.com/value.replace(/[^/d]/g,‘‘)"onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[^\d]/g,‘‘))" 57 3.用正则表达式限制只能输入数字和英文:onkeyup="value=http://www.mamicode.com/value.replace(/[/W]/g,‘‘)"onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[^\d]/g,‘‘))" 58 59 60 //消除图像工具栏 61 62 <IMG SRC="http://www.mamicode.com/mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false"> 63 or 64 <head> 65 <meta http-equiv="imagetoolbar" content="no"> 66 </head> 67 68 69 //无提示关闭 70 71 function Close() 72 { 73 var ua=navigator.userAgent 74 var ie=navigator.appName=="Microsoft Internet Explorer"?true:false 75 if(ie) 76 { 77 var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE ")))) 78 if(IEversion< 5.5) 79 { 80 var str = ‘<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">‘ 81 str += ‘<param name="Command" value="http://www.mamicode.com/Close"></object>‘; 82 document.body.insertAdjacentHTML("beforeEnd", str); 83 document.all.noTipClose.Click(); 84 } 85 else 86 { 87 window.opener =null; 88 window.close(); 89 } 90 } 91 else 92 { 93 window.close() 94 } 95 } 96 97 98 99 //取得控件得绝对位置(1) 100 101 <script language="javascript"> 102 function getoffset(e) 103 { 104 var t=e.offsetTop; 105 var l=e.offsetLeft; 106 while(e=e.offsetParent) 107 { 108 t+=e.offsetTop; 109 l+=e.offsetLeft; 110 } 111 var rec = new Array(1); 112 rec[0] = t; 113 rec[1] = l; 114 return rec 115 } 116 </script> 117 118 119 120 //获得控件的绝对位置(2) 121 122 oRect = obj.getBoundingClientRect(); 123 oRect.left 124 oRect. 125 126 127 //最小化,最大化,关闭 128 129 <object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 130 <param name="Command" value="http://www.mamicode.com/Minimize"></object> 131 <object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 132 <param name="Command" value="http://www.mamicode.com/Maximize"></object> 133 <OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 134 <PARAM NAME="Command" value="http://www.mamicode.com/Close"></OBJECT> 135 <input type=button value=http://www.mamicode.com/最小化 onclick=min.Click()> "color: #008080;"> 136 <input type=button value=http://www.mamicode.com/最大化 onclick=max.Click()> "color: #008080;"> 137 <input type=button value=http://www.mamicode.com/关闭 onclick=close.Click()> "color: #008080;"> 138 139 140 //光标停在文字最后 141 142 143 <script language="javascript"> 144 function cc() 145 { 146 var e = event.srcElement; 147 var r =e.createTextRange(); 148 r.moveStart(‘character‘,e.value.length); 149 r.collapse(true); 150 r.select(); 151 } 152 </script> 153 <input type=text name=text1 value="http://www.mamicode.com/123" onfocus="cc()"> 154 155 //页面进入和退出的特效 156 157 进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)"> 158 推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 159 这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使 160 用哪种特效,取值为1-23: 161 0 矩形缩小 162 1 矩形扩大 163 2 圆形缩小 164 3 圆形扩大 165 4 下到上刷新 166 5 上到下刷新 167 6 左到右刷新 168 7 右到左刷新 169 8 竖百叶窗 170 9 横百叶窗 171 10 错位横百叶窗 172 11 错位竖百叶窗 173 12 点扩散 174 13 左右到中间刷新 175 14 中间到左右刷新 176 15 中间到上下 177 16 上下到中间 178 17 右下到左上 179 18 右上到左下 180 19 左上到右下 181 20 左下到右上 182 21 横条 183 22 竖条 184 23 185 186 187 //网页是否被检索 <meta name="ROBOTS" content="属性值"> 188 其中属性值有以下一些: 189 属性值为"all": 文件将被检索,且页上链接可被查询; 190 属性值为"none": 文件不被检索,而且不查询页上的链接; 191 属性值为"index": 文件将被检索; 192 属性值为"follow": 查询页上的链接; 193 属性值为"noindex": 文件不检索,但可被查询链接; 194 属性值为"nofollow": 195 196 197 //打印分页 <p style="page-break-after:always">page1</p> 198 <p style="page-break-after:always">page2</p> 199 200 201 202 //设置打印 203 204 <object id="factory" style="display:none" viewastext 205 classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" 206 codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360" 207 ></object> 208 <input type=button value=http://www.mamicode.com/页面设置 onclick="factory.printing.PageSetup()"> 209 <input type=button value=http://www.mamicode.com/打印预览 onclick="factory.printing.Preview()"> 210 211 <script language=javascript> 212 function window.onload() 213 { 214 // -- advanced features 215 factory.printing.SetMarginMeasure(2) // measure margins in inches 216 factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3 217 factory.printing.printer = "HP DeskJet 870C" 218 factory.printing.copies = 2 219 factory.printing.collate = true 220 factory.printing.paperSize = "A4" 221 factory.printing.paperSource = "Manual feed" 222 // -- basic features 223 factory.printing.header = "居左显示&b居中显示&b居右显示页码,第&p页/共&P页" 224 factory.printing.footer = "(自定义页脚)" 225 factory.printing.portrait = false 226 factory.printing.leftMargin = 0.75 227 factory.printing.topMargin = 1.5 228 factory.printing.rightMargin = 0.75 229 factory.printing.bottomMargin = 1.5 230 } 231 function Print(frame) { 232 factory.printing.Print(true, frame) // print with prompt 233 } 234 </script> 235 <input type=button value="http://www.mamicode.com/打印本页" onclick="factory.printing.Print(false)"> 236 <input type=button value="http://www.mamicode.com/页面设置" onclick="factory.printing.PageSetup()"> 237 <input type=button value="http://www.mamicode.com/打印预览" onclick="factory.printing.Preview()"><br> 238 <a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具体使用手册,更多信息,点这里</a> 239 240 241 //自带的打印预览 242 WebBrowser.ExecWB(1,1) 打开 243 Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 244 Web.ExecWB(4,1) 保存网页 245 Web.ExecWB(6,1) 打印 246 Web.ExecWB(7,1) 打印预览 247 Web.ExecWB(8,1) 打印页面设置 248 Web.ExecWB(10,1) 查看页面属性 249 Web.ExecWB(15,1) 好像是撤销,有待确认 250 Web.ExecWB(17,1) 全选 251 Web.ExecWB(22,1) 刷新 252 Web.ExecWB(45,1) 关闭窗体无提示 253 <style media=print> 254 .Noprint{display:none;}<!--用本样式在打印时隐藏非打印项目--> 255 .PageNext{page-break-after: always;}<!--控制分页--> 256 </style> 257 <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> 258 </object> 259 260 <center class="Noprint" > 261 <input type=button value=http://www.mamicode.com/打印 onclick=document.all.WebBrowser.ExecWB(6,1)> "color: #008080;"> 262 <input type=button value=http://www.mamicode.com/直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)> "color: #008080;"> 263 <input type=button value=http://www.mamicode.com/页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)> "color: #008080;"> 264 </p> 265 <p> <input type=button value=http://www.mamicode.com/打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)> "color: #008080;"> 266 </center> 267 268 269 270 //去掉打印时的页眉页脚 271 272 <script language="JavaScript"> 273 var HKEY_Root,HKEY_Path,HKEY_Key; 274 HKEY_Root="HKEY_CURRENT_USER"; 275 HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; 276 //设置网页打印的页眉页脚为空 277 function PageSetup_Null() 278 { 279 try 280 { 281 var Wsh=new ActiveXObject("WScript.Shell"); 282 HKEY_Key="header"; 283 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); 284 HKEY_Key="footer"; 285 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); 286 } 287 catch(e){} 288 } 289 //设置网页打印的页眉页脚为默认值 290 function PageSetup_Default() 291 { 292 try 293 { 294 var Wsh=new ActiveXObject("WScript.Shell"); 295 HKEY_Key="header"; 296 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P"); 297 HKEY_Key="footer"; 298 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d"); 299 } 300 catch(e){} 301 } 302 </script> 303 <input type="button" value="http://www.mamicode.com/清空页码" onclick=PageSetup_Null()> 304 <input type="button" value="http://www.mamicode.com/恢复页码" onclick=PageSetup_Default()> 305 306 307 //浏览器验证 308 309 function checkBrowser() 310 { 311 this.ver=navigator.appVersion 312 this.dom=document.getElementById?1:0 313 this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0; 314 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 315 this.ie4=(document.all && !this.dom)?1:0; 316 this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 317 this.ns4=(document.layers && !this.dom)?1:0; 318 this.mac=(this.ver.indexOf(‘Mac‘) > -1) ?1:0; 319 this.ope=(navigator.userAgent.indexOf(‘Opera‘)>-1); 320 this.ie=(this.ie6 || this.ie5 || this.ie4) 321 this.ns=(this.ns4 || this.ns5) 322 this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope) 323 this.nbw=(!this.bw) 324 return this; 325 } 326 327 328 //计算内容宽和高 329 330 <SCRIPT language="javascript"> 331 function test(obj) 332 { 333 var range = obj.createTextRange(); 334 alert("内容区宽度: " + range.boundingWidth 335 + "px\r\n内容区高度: " + range.boundingHeight + "px"); 336 337 } 338 </SCRIPT> 339 <BODY> 340 <Textarea id="txt" height="150">sdf</textarea><INPUT type="button" value="http://www.mamicode.com/计算内容宽度" onClick="test(txt)"> 341 </BODY> 342 343 344 345 //无模式的提示框 function modelessAlert(Msg) 346 { 347 window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;"); 348 } 349 350 351 352 //屏蔽按键 353 <html> 354 <head> 355 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 356 <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript> 357 <title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title> 358 </head> 359 <body> 360 <script language="Javascript"><!-- 361 //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 362 //Author: meizz(梅花雨) 2002-6-18 363 function document.oncontextmenu(){event.returnValue=http://www.mamicode.com/false;}//屏蔽鼠标右键 364 function window.onhelp(){return false} //屏蔽F1帮助 365 function document.onkeydown() 366 { 367 if ((window.event.altKey)&& 368 ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ← 369 (window.event.keyCode==39))) //屏蔽 Alt+ 方向键 → 370 { 371 alert("不准你使用ALT+方向键前进或后退网页!"); 372 event.returnValue=http://www.mamicode.com/false; 373 } 374 /* 注:这还不是真正地屏蔽 Alt+ 方向键, 375 因为 Alt+ 方向键弹出警告框时,按住 Alt 键不放, 376 用鼠标点掉警告框,这种屏蔽方法就失效了。以后若 377 有哪位高手有真正屏蔽 Alt 键的方法,请告知。*/ 378 if ((event.keyCode==8) || //屏蔽退格删除键 379 (event.keyCode==116)|| //屏蔽 F5 刷新键 380 (event.ctrlKey && event.keyCode==82)){ //Ctrl + R 381 event.keyCode=0; 382 event.returnValue=http://www.mamicode.com/false; 383 } 384 if (event.keyCode==122){event.keyCode=0;event.returnValue=http://www.mamicode.com/false;} //屏蔽F11 385 if (event.ctrlKey && event.keyCode==78) event.returnValue=http://www.mamicode.com/false; //屏蔽 Ctrl+n 386 if (event.shiftKey && event.keyCode==121)event.returnValue=http://www.mamicode.com/false; //屏蔽 shift+F10 387 if (window.event.srcElement.tagName == "A" && window.event.shiftKey) 388 window.event.returnValue = http://www.mamicode.com/false; //屏蔽 shift 加鼠标左键新开一网页 389 if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F4 390 { 391 window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px"); 392 return false; 393 } 394 } 395 </script> 396 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 397 </body> 398 </html> 399 400 401 //屏蔽打印 402 <style> 403 @media print{ 404 * {display:none} 405 } 406 </style> 407 408 409 //移动的图层,拖动 410 411 1.<span style=‘position:absolute;width:200;height:200;background:red‘ onm ousedown=MouseDown(this) onm ousemove=MouseMove() onm ouseup=MouseUp()>meizz</span> 412 <script language=javascript> 413 var Obj; 414 function MouseDown(obj) 415 { 416 Obj=obj; 417 Obj.setCapture(); 418 Obj.l=event.x-Obj.style.pixelLeft; 419 Obj.t=event.y-Obj.style.pixelTop; 420 } 421 function MouseMove() 422 { 423 if(Obj!=null) 424 { 425 Obj.style.left = event.x-Obj.l; 426 Obj.style.top = event.y-Obj.t; 427 } 428 } 429 function MouseUp() 430 { 431 if(Obj!=null) 432 { 433 Obj.releaseCapture(); 434 Obj=null; 435 } 436 } 437 </script> 438 2. 439 <div id="myDiv" src="http://www.mamicode.com/logo.gif" ondrag="doDrag();" onm ouseover="this.style.cursor=‘hand‘" style="position:absolute;left=100;top=100;" onm ousedown="doMouseDown();"> 440 <a href="http://www.mamicode.com/#" onclick="return false"><h1>wlecome</h1></a> 441 </div> 442 <script language="JavaScript" type="text/javascript"> 443 var orgMouseX; 444 var orgMouseY; 445 var orgObjX; 446 var orgObjY; 447 function doDrag() 448 { 449 var myObject=document.all.myDiv; 450 451 var x=event.clientX; 452 var y=event.clientY; 453 myObject.style.left=x-(orgMouseX-orgObjX); 454 myObject.style.top=y-(orgMouseY-orgObjY); 455 456 } 457 function doMouseDown() 458 { 459 orgMouseX=event.clientX; 460 orgMouseY=event.clientY; 461 orgObjX=parseInt(document.all.myDiv.style.left); 462 orgObjY=parseInt(document.all.myDiv.style.top); 463 } 464 465 </script> 466 467 //文档状态改变 468 469 <iframe src="http://www.mamicode.com/a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0></iframe> 470 <script> 471 var doc=window.frames["f"].document; 472 function s(){ 473 if (doc.readyState=="complete"){ 474 document.all.f.style.height=doc.body.scrollHeight 475 document.all.f.style.width=doc.body.scrollWidth 476 } 477 } 478 doc.onreadystatechange=s 479 </script> 480 481 482 //刷新后不变的文本框 <HTML> 483 <HEAD> 484 <META NAME="save" CONTENT="history"> 485 <STYLE> 486 .sHistory {behavior:url(#default#savehistory);} 487 </STYLE> 488 </HEAD> 489 <BODY> 490 <INPUT class="sHistory" type=text id=oPersistInput> 491 </BODY> 492 </HTML> 493 494 //访问剪贴板 495 496 event.dataTransfer.setData("URL", oImage.src); 497 sImageURL = event.dataTransfer.getData("URL") 498 (2)普通访问 499 window.clipboardData.setData("Text",oSource.innerText); 500 window.clipboardData.getData("Text"); 501 502 503 //操作COOKIE 504 505 function SetCookie(sName, sValue) 506 { 507 document.cookie = sName + "=" + escape(sValue) + "; "; 508 } 509 function GetCookie(sName) 510 { 511 var aCookie = document.cookie.split("; "); 512 for (var i=0; i < aCookie.length; i++) 513 { 514 515 var aCrumb = aCookie.split("="); 516 if (sName == aCrumb[0]) 517 return unescape(aCrumb[1]); 518 } 519 520 } 521 function DelCookie(sName) 522 { 523 document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;"; 524 } 525 526 527 //setTimeout增加参数 528 529 <script> 530 var _st = window.setTimeout; 531 window.setTimeout = function(fRef, mDelay) { 532 if(typeof fRef == ‘function‘){ 533 var argu = Array.prototype.slice.call(arguments,2); 534 var f = (function(){ fRef.apply(null, argu); }); 535 return _st(f, mDelay); 536 } 537 return _st(fRef,mDelay); 538 } 539 function test(x){ 540 alert(x); 541 } 542 window.setTimeout(test,1000,‘fason‘); 543 </script> 544 545 546 //自定义的apply,call 547 548 Function.prototype.apply = function (obj, argu) { 549 if (obj) obj.constructor.prototype._caller = this; 550 var argus = new Array(); 551 for (var i=0;i<argu.length;i++) 552 argus = "argu[" + i + "]"; 553 var r; 554 eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");"))); 555 return r; 556 }; 557 Function.prototype.call = function (obj) { 558 var argu = new Array(); 559 for (var i=1;i<arguments.length;i++) 560 argu[i-1] = arguments; 561 return this.apply(obj, argu); 562 }; 563 564 //下载文件 565 566 function DownURL(strRemoteURL,strLocalURL) 567 { 568 try 569 { 570 var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP"); 571 xmlHTTP.open("Get",strRemoteURL,false); 572 xmlHTTP.send(); 573 var adodbStream=new ActiveXObject("ADODB.Stream"); 574 adodbStream.Type=1;//1=adTypeBinary 575 adodbStream.Open(); 576 adodbStream.write(xmlHTTP.responseBody); 577 adodbStream.SaveToFile(strLocalURL,2); 578 adodbStream.Close(); 579 adodbStream=null; 580 xmlHTTP=null; 581 582 } 583 catch(e) 584 { 585 window.confirm("下载URL出错!"); 586 } 587 //window.confirm("下载完成."); 588 } 589 590 //检验连接是否有效 591 592 function getXML(URL) 593 { 594 var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 595 xmlhttp.Open("GET",URL, false); 596 try 597 { 598 xmlhttp.Send(); 599 } 600 catch(e){} 601 finally 602 { 603 var result = xmlhttp.responseText; 604 if(result) 605 { 606 if(xmlhttp.Status==200) 607 { 608 return(true); 609 } 610 else 611 { 612 return(false); 613 } 614 } 615 else 616 { 617 return(false); 618 } 619 } 620 } 621 622 623 624 //POST代替FORM 625 626 <SCRIPT language="VBScript"> 627 Function URLEncoding(vstrIn) 628 strReturn = "" 629 For i = 1 To Len(vstrIn) 630 ThisChr = Mid(vStrIn,i,1) 631 If Abs(Asc(ThisChr)) < &HFF Then 632 strReturn = strReturn & ThisChr 633 Else 634 innerCode = Asc(ThisChr) 635 If innerCode < 0 Then 636 innerCode = innerCode + &H10000 637 End If 638 Hight8 = (innerCode And &HFF00)\ &HFF 639 Low8 = innerCode And &HFF 640 strReturn = strReturn & "%" & Hex(Hight8) & "%" & Hex(Low8) 641 End If 642 Next 643 URLEncoding = strReturn 644 End Function 645 Function bytes2BSTR(vIn) 646 strReturn = "" 647 For i = 1 To LenB(vIn) 648 ThisCharCode = AscB(MidB(vIn,i,1)) 649 If ThisCharCode < &H80 Then 650 strReturn = strReturn & Chr(ThisCharCode) 651 Else 652 NextCharCode = AscB(MidB(vIn,i+1,1)) 653 strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode)) 654 i = i + 1 655 End If 656 Next 657 bytes2BSTR = strReturn 658 End Function 659 dim strA,oReq 660 strA = URLEncoding("submit1=Submit&text1=中文") 661 set oReq = CreateObject("MSXML2.XMLHTTP") 662 oReq.open "POST","http://ServerName/VDir/TstResult.asp",false 663 oReq.setRequestHeader "Content-Length",Len(strA) 664 oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded" 665 oReq.send strA 666 msgbox bytes2BSTR(oReq.responseBody) 667 </SCRIPT> 668 669 //readyState是xmlhttp返回数据的进度,0=载入中,1=未初始化,2=已载入,3=运行中,4=完成 670 高级应用(二)~~~~~~~~~~~~~~~~ 671 672 673 //组件是否安装 674 675 isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID")) 676 677 678 679 //检查网页是否存在 680 681 function CheckURL(URL) 682 { 683 var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 684 xmlhttp.Open("GET",URL, false); 685 try 686 { 687 xmlhttp.Send(); 688 var result = xmlhttp.status; 689 } 690 catch(e) {return(false); } 691 if(result==200) 692 { 693 return true; 694 } 695 xmlhttp = null; 696 return false; 697 } 698 699 700 //连接数据库 701 702 <script language="javascript"> 703 //用 JavaScript 写服务器端连接数据库的代码示例 704 var conn = new ActiveXObject("ADODB.Connection"); 705 conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; " 706 +"Password=; Initial Catalog=pubs"); 707 var rs = new ActiveXObject("ADODB.Recordset"); 708 var sql="select * from authors"; 709 rs.open(sql, conn); 710 shtml = "<table width=‘100%‘ border=1>"; 711 shtml +="<tr bgcolor=‘#f4f4f4‘><td>au_id</td><td>au_lname</td><td>au_fname</td><td>phone</td><td>address</td><td> city</td><td>state</td><td>zip</td></tr>"; 712 while(!rs.EOF) 713 { 714 shtml += "<tr><td>" + rs("au_id") + "</td><td>" + rs("au_lname") + "</td><td>" + rs("au_fname") + "</td><td>" + rs("phone") + "</td><td>" + rs("address") + "</td><td>" + rs("city") + "</td><td>" + rs("state") + "</td><td>" + rs("zip") + "</td></tr>"; 715 rs.moveNext; 716 } 717 shtml += "</table>"; 718 document.write(shtml); 719 rs.close(); 720 rs = null; 721 conn.close(); 722 conn = null; 723 </script> 724 725 726 //使用数据岛 727 728 <html> 729 <body> 730 srno:<input type=text datasrc=http://www.mamicode.com/#xmldate DataFLD=srno size="76"><BR> 731 times:<input type=text datasrc=http://www.mamicode.com/#xmldate DataFLD=times size="76"><BR> 732 <input id="first" TYPE=button value="http://www.mamicode.com/<< 第一条记录" onclick="xmldate.recordset.moveFirst()"> 733 <input id="prev" TYPE=button value="http://www.mamicode.com/<上一条记录" onclick="xmldate.recordset.movePrevious()"> 734 <input id="next" TYPE=button value="http://www.mamicode.com/下一条记录>" onclick="xmldate.recordset.moveNext()"> 735 <input id="last" TYPE=button value="http://www.mamicode.com/最后一条记录>>" onclick="xmldate.recordset.moveLast()"> 736 <input id="Add" TYPE=button value="http://www.mamicode.com/添加新记录" onclick="xmldate.recordset.addNew()"> 737 738 <XML ID="xmldate"> 739 <infolist> 740 <info ><srno>20041025-01</srno><times>null</times></info> 741 <info ><srno>20041101-09</srno><times>2004年10月1日2点22分0秒</times></info> 742 </infolist> 743 </XML> 744 </body> 745 </html> 746 747 748 //获得参数 749 750 <body> 751 <a href="javascript:location.href=location.href + ‘?a=1&b=2‘">search</a> 752 <script language="JavaScript"> 753 <!-- 754 var a = location.search.substr(1); 755 if(a.length>0) 756 { 757 var re = /([^&]*?)\=([^&]*)/g 758 var s = a.match(re); 759 for(var i= 0;i<s.length;i++) 760 { 761 alert(s); 762 alert(s.split("=")[1]); 763 } 764 } 765 //--> 766 </script> 767 </body> 768 769 770 771 //可编辑SELECT 772 773 <input type=text name=re_name style="width:100px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;"><select name="r00" style="margin-left:-100px;width:118px; " onChange="document.all.re_name.value=http://www.mamicode.com/this.value;"> 774 <option value="http://www.mamicode.com/1">11111111<option> 775 <option value="http://www.mamicode.com/2">222222</option> 776 <option value="http://www.mamicode.com/3">333333</option> 777 </select> 778 </span> 779 780 781 782 //设置光标位置 783 784 function getCaret(textbox) 785 { 786 var control = document.activeElement; 787 textbox.focus(); 788 var rang = document.selection.createRange(); 789 rang.setEndPoint("StartToStart",textbox.createTextRange()) 790 control.focus(); 791 return rang.text.length; 792 } 793 function setCaret(textbox,pos) 794 { 795 try 796 { 797 var r =textbox.createTextRange(); 798 r.moveStart(‘character‘,pos); 799 r.collapse(true); 800 r.select(); 801 } 802 catch(e) 803 {} 804 } 805 function selectLength(textbox,start,len) 806 { 807 try 808 { 809 var r =textbox.createTextRange(); 810 811 r.moveEnd(‘character‘,len-(textbox.value.length-start)); 812 r.moveStart(‘character‘,start); 813 814 r.select(); 815 } 816 catch(e) 817 {//alert(e.description)} 818 } 819 function insertAtCaret(textbox,text) 820 { 821 textbox.focus(); 822 document.selection.createRange().text = text; 823 } 824 825 //页内查找 826 827 function findInPage(str) 828 { 829 var txt, i, found,n = 0; 830 if (str == "") 831 { 832 return false; 833 } 834 txt = document.body.createTextRange(); 835 for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) 836 { 837 txt.moveStart("character", 1); 838 txt.moveEnd("textedit"); 839 } 840 if (found) 841 { 842 txt.moveStart("character", -1); 843 txt.findText(str); 844 txt.select(); 845 txt.scrollIntoView(); 846 n++; 847 } 848 else 849 { 850 if (n > 0) 851 { 852 n = 0; 853 findInPage(str); 854 } 855 else 856 { 857 alert(str + "... 您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找!"); 858 } 859 } 860 return false; 861 } 862 863 864 865 866 //操作EXECL 867 868 <script language="javascript"> 869 function jStartExcel() { 870 var xls = new ActiveXObject ( "Excel.Application" ); 871 xls.visible = true; 872 var newBook = xls.Workbooks.Add; 873 newBook.Worksheets.Add; 874 newBook.Worksheets(1).Activate; 875 xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2; 876 xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5; 877 newBook.Worksheets(1).Columns("A").columnwidth=50; 878 newBook.Worksheets(1).Columns("A").WrapText = true; 879 newBook.Worksheets(1).Columns("B").columnwidth=50; 880 newBook.Worksheets(1).Columns("B").WrapText = true; 881 newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0"; 882 newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131; 883 newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15"; 884 newBook.Worksheets(1).Cells(1,1).value="http://www.mamicode.com/First Column, First Cell"; 885 newBook.Worksheets(1).Cells(2,1).value="http://www.mamicode.com/First Column, Second Cell"; 886 newBook.Worksheets(1).Cells(1,2).value="http://www.mamicode.com/Second Column, First Cell"; 887 newBook.Worksheets(1).Cells(2,2).value="http://www.mamicode.com/Second Column, Second Cell"; 888 newBook.Worksheets(1).Name="My First WorkSheet"; 889 } 890 </script> 891 892 893 //自定义提示条 894 895 <a href="http://www.mamicode.com/#" title="这是提示">tip</a> 896 <script Language="JavaScript"> 897 //***********默认设置定义.********************* 898 tPopWait=50;//停留tWait豪秒后显示提示。 899 tPopShow=5000;//显示tShow豪秒后关闭提示 900 showPopStep=20; 901 popOpacity=99; 902 //***************内部变量定义***************** 903 sPop=null; 904 curShow=null; 905 tFadeOut=null; 906 tFadeIn=null; 907 tFadeWaiting=null; 908 document.write("<style type=‘text/css‘id=‘defaultPopStyle‘>"); 909 document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); 910 document.write("</style>"); 911 document.write("<div id=‘dypopLayer‘ style=‘position:absolute;z-index:1000;‘ class=‘cPopText‘></div>"); 912 913 function showPopupText(){ 914 var o=event.srcElement; 915 MouseX=event.x; 916 MouseY=event.y; 917 if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.}; 918 if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 919 if(o.dypop!=sPop) { 920 sPop=o.dypop; 921 clearTimeout(curShow); 922 clearTimeout(tFadeOut); 923 clearTimeout(tFadeIn); 924 clearTimeout(tFadeWaiting); 925 if(sPop==null || sPop=="") { 926 dypopLayer.innerHTML=""; 927 dypopLayer.style.filter="Alpha()"; 928 dypopLayer.filters.Alpha.opacity=0; 929 } 930 else { 931 if(o.dyclass!=null) popStyle=o.dyclass 932 else popStyle="cPopText"; 933 curShow=setTimeout("showIt()",tPopWait); 934 } 935 } 936 } 937 function showIt(){ 938 dypopLayer.className=popStyle; 939 dypopLayer.innerHTML=sPop; 940 popWidth=dypopLayer.clientWidth; 941 popHeight=dypopLayer.clientHeight; 942 if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 943 else popLeftAdjust=0; 944 if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 945 else popTopAdjust=0; 946 dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; 947 dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; 948 dypopLayer.style.filter="Alpha(Opacity=0)"; 949 fadeOut(); 950 } 951 function fadeOut(){ 952 if(dypopLayer.filters.Alpha.opacity<popOpacity) { 953 dypopLayer.filters.Alpha.opacity+=showPopStep; 954 tFadeOut=setTimeout("fadeOut()",1); 955 } 956 else { 957 dypopLayer.filters.Alpha.opacity=popOpacity; 958 tFadeWaiting=setTimeout("fadeIn()",tPopShow); 959 } 960 } 961 function fadeIn(){ 962 if(dypopLayer.filters.Alpha.opacity>0) { 963 dypopLayer.filters.Alpha.opacity-=1; 964 tFadeIn=setTimeout("fadeIn()",1); 965 } 966 } 967 document.onmouseover=showPopupText; 968 </script> 969 970 971 //插入文字 972 973 document.onclick =function(){ 974 var oSource = window.event.srcElement; 975 if(oSource.tagName!="DIV") 976 return false; 977 var sel = document.selection; 978 if (sel!=null) { 979 var rng = sel.createRange(); 980 if (rng!=null) 981 rng.pasteHTML("<font color=red>插入文字</font>"); 982 } 983 } 984 985 986 987 //netscapte下操作xml 988 989 doc = new ActiveXObject("Msxml2.DOMDocument"); 990 doc = new ActiveXObject("Microsoft.XMLDOM") 991 ->> 992 doc = (new DOMParser()).parseFromString(sXML,‘text/xml‘) 993 994 995 //禁止FSO 996 997 1.注销组件 998 regsvr32 /u scrrun.dll 999 2.修改PROGID 1000 HKEY_CLASSES_ROOT\Scripting.FileSystemObject1001 Scripting.FileSystemObject1002 3.对于使用object的用户,修改HKEY_CLASSES_ROOT\Scripting.1003 1004 1005 //省略号1006 1007 <DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;1008 overflow: hidden; text-overflow:ellipsis">1009 <NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>1010 </DIV>1011 1012 1013 //判断键值1014 1015 <html>1016 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">1017 <head>1018 <script language="javascript">1019 var ie =navigator.appName=="Microsoft Internet Explorer"?true:false;1020 1021 function keyDown(e)1022 {1023 if(!ie)1024 {1025 var nkey=e.which;1026 var iekey=‘现在是ns浏览器‘;1027 var realkey=String.fromCharCode(e.which);1028 }1029 if(ie)1030 {1031 var iekey=event.keyCode;1032 var nkey=‘现在是ie浏览器‘;1033 var realkey=String.fromCharCode(event.keyCode);1034 if(event.keyCode==32){realkey=‘\‘ 空格\‘‘}1035 if(event.keyCode==13){realkey=‘\‘ 回车\‘‘}1036 if(event.keyCode==27){realkey=‘\‘ Esc\‘‘}1037 if(event.keyCode==16){realkey=‘\‘ Shift\‘‘}1038 if(event.keyCode==17){realkey=‘\‘ Ctrl\‘‘}1039 if(event.keyCode==18){realkey=‘\‘ Alt\‘‘}1040 }1041 alert(‘ns浏览器中键值:‘+nkey+‘\n‘+‘ie浏览器中键值:‘+iekey+‘\n‘+‘实际键为‘+realkey);1042 }1043 document.onkeydown = keyDown;1044 </script>1045 </head>1046 <body>1047 //Javascript Document.1048 <hr>1049 <center>1050 <h3>请按任意一个键。。。。</h3>1051 </center>1052 </body>1053 </html>1054 1055 1056 1057 //检测media play版本1058 1059 <IE:clientCaps ID="oClientCaps" style="{behavior:url(#default#clientcaps)}" />1060 <SCRIPT>1061 var flash="";1062 WMPVersion= oClientCaps.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}","ComponentID"); 1063 if (WMPVersion != "") {1064 flash = "";1065 var version = WMPVersion.split(",");1066 var i;1067 for (i = 0; i < version.length; i++) {1068 if (i != 0)1069 flash += ".";1070 flash += version;1071 }1072 document.write("您的Windows Media Player 版本是:"+flash+"<p>");1073 }1074 </SCRIPT>1075 1076 1077 1078 //图象按比例1079 1080 <script language="JavaScript">1081 <!--1082 //图片按比例缩放1083 var flag=false;1084 function DrawImage(ImgD){1085 var image=new Image();1086 var iwidth = 80; //定义允许图片宽度1087 var iheight = 80; //定义允许图片高度1088 image.src=http://www.mamicode.com/ImgD.src;1089 if(image.width>0 && image.height>0){1090 flag=true;1091 if(image.width/image.height>= iwidth/iheight){1092 if(image.width>iwidth){ 1093 ImgD.width=iwidth;1094 ImgD.height=(image.height*iwidth)/image.width;1095 }else{1096 ImgD.width=image.width; 1097 ImgD.height=image.height;1098 }1099 ImgD.alt=image.width+"×"+image.height;1100 }1101 else{1102 if(image.height>iheight){ 1103 ImgD.height=iheight;1104 ImgD.width=(image.width*iheight)/image.height; 1105 }else{1106 ImgD.width=image.width; 1107 ImgD.height=image.height;1108 }1109 ImgD.alt=image.width+"×"+image.height;1110 }1111 }1112 } 1113 //-->1114 </script>1115 <img src="http://www.mamicode.com/.." onl oad = "DrawImage(this)">1116 1117 1118 1119 //细线SELECT1120 1121 <span style="border:1px solid #000000; position:absolute; overflow:hidden;" >1122 <select style="margin:-2px;">1123 <option>1111</option>1124 <option>11111111111111</option>1125 <option>111111111</option>1126 </select></span>1127 1128 1129 //Import1130 1131 function Import() {1132 for( var i=0; i<arguments.length; i++ ) {1133 var file = arguments;1134 if ( file.match(/\.js$/i)) 1135 document.write(‘<script type=\"text/javascript\" src=http://www.mamicode.com/"‘ + file + ‘\"></sc‘ + ‘ript>‘);1136 else1137 document.write(‘<style type=\"text/css\">@import \"‘ + file + ‘\" ;</style>‘);1138 }1139 };1140 1141 1142 //js枚举1143 1144 function getComputerName()1145 {1146 var objWMIService = GetObject("Winmgmts:root\cimv2");1147 for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())1148 {1149 var getComputer = e.item();1150 return getComputer.Name;1151 }1152 }1153 1154 1155 //条件编译1156 1157 <script language=javascript>1158 /*@cc_on @*/1159 /*@if (@_win32 && @_jscript_version>5)1160 function window.confirm(str)1161 {1162 execScript("n = msgbox(‘"+ str +"‘, 257)", "vbscript");1163 return(n == 1);1164 }1165 @end @*/1166 </script>1167 1168 1169 //取得innerText1170 1171 1172 <SCRIPT LANGUAGE="JavaScript">1173 <!--1174 var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0");1175 var currNode;1176 xmlDoc.async = false;1177 xmlDoc.async = false;1178 xmlDoc.loadXML("<TABLENAME> 你好你阿三 大法 司法等四 </TABLENAME>");1179 currNode = xmlDoc.documentElement;1180 1181 var s = currNode.xml;1182 var r = /\<([^\>\s]*?)[^\>]*?\>([^\<]*?)\<\/\1\>/1183 var b = s.replace(r,"$2");1184 alert(b);1185 //-->1186 </SCRIPT>1187 1188 1189 //mergeAttributes 复制所有读/写标签属性到指定元素。1190 1191 <SCRIPT>1192 function fnMerge(){1193 oSource.children[1].mergeAttributes(oSource.children[0]);1194 }1195 </SCRIPT>1196 <SPAN ID=oSource>1197 <DIV1198 ID="oDiv"1199 ATTRIBUTE1="true"1200 ATTRIBUTE2="true"1201 onclick="alert(‘click‘);"1202 onm ouseover="this.style.color=‘#0000FF‘;"1203 onm ouseout="this.style.color=‘#000000‘;"1204 > 1205 This is a sample <B>DIV</B> element.1206 </DIV>1207 <DIV ID="oDiv2">1208 This is another sample <B>DIV</B> element.1209 </DIV>1210 </SPAN>1211 <INPUT1212 TYPE="button"1213 VALUE="http://www.mamicode.com/Merge Attributes"1214 onclick="fnMerge()"1215 >
- JavaScript[对象.属性]集锦
- View Code
1 SCRIPT 标记 2 3 用于包含javascript代码. 4 5 语法 6 7 属性 8 9 LANGUAGE 定义脚本语言 10 11 SRC 定义一个URL用以指定以.JS结尾的文件 12 13 14 windows对象 15 16 每个HTML文档的顶层对象. 17 18 属性 19 20 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. 21 22 feames.length 子桢个数. 23 24 self 当前窗口. 25 26 parent 父窗口(当前窗口是中一个子窗口). 27 28 top 顶层窗口(是所有可见窗口的父窗口). 29 30 status 浏览器状态窗口上的消息. 31 32 defaultStatus 当status无效时,出现在浏览器状态窗口上的缺省消息. 33 34 name 内部名,为由window.open()方法打开的窗口定义的名字. 35 36 方法 37 38 alert("message") 显示含有给定消息的"javascript Alert"对话框. 39 40 confirm("message") 显示含有给定消息的"Confirm"对话框(有一个OK按钮和一个Cancel按钮).如果用户单击OK返回true,否则返回false. 41 42 prompt("message") 显示一个"prompt"对话框,要求用户根据显示消息给予相应输入. 43 44 open("URL","name") 打开一个新窗口,给予一个指定的名字. 45 46 close() 关闭当前窗口. 47 48 49 frame对象 50 51 它是整个浏览器窗口的子窗口,除了status,defaultStatus,name属性外,它拥有window对象的全部属性. 52 53 location对象 54 55 含有当前URL的信息. 56 57 属性 58 59 href 整个URL字符串. 60 61 protocol 含有URL第一部分的字符串,如http: 62 63 host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/ 64 65 hostname 包含URL中主机名的字符串.如http://www.cenpok.net 66 67 port 包含URL中可能存在的端口号字符串. 68 69 pathname URL中"/"以后的部分.如~list/index.htm 70 71 hash "#"号(CGI参数)之后的字符串. 72 73 search "?"号(CGI参数)之后的字符串. 74 75 76 document对象 77 78 含有当前文档信息的对象. 79 80 属性 81 82 title 当前文档标题,如果未定义,则包含"Untitled". 83 84 location 文档的全URL. 85 86 lastModified 含有文档最后修改日期. 87 88 referrer 调用者URL,即用户是从哪个URL链接到当前页面的. 89 90 bgColor 背景色(#xxxxxx) 91 92 fgColor 前景文本颜色. 93 94 linkColor 超链接颜色. 95 96 vlinkColor 访问过的超链颜色. 97 98 alinkColor 激活链颜色(鼠标按住未放时). 99 100 forms[] 文档中form对象的数组,按定义次序存储. 101 102 forms.length 文档中的form对象数目. 103 104 links[] 与文档中所有HREF链对应的数组对象,按次序定义存储. 105 106 links.length 文档中HREF链的数目. 107 108 anchors[] 锚(...)数组,按次序定义存储. 109 110 anchors.length 文档中锚的数目. 111 112 方法 113 114 write("string") 将字符串突出给当前窗口.(字符串可以含有HTML标记) 115 116 writeln("string") 与write()类似,在结尾追加回车符,只在预定格式文本中(...或...)生效. 117 118 clear() 清当前窗口. 119 120 close() 关闭当前窗口. 121 122 123 form对象 124 125 属性 126 127 name 128 129 中的NAME属性的字符串值. 130 131 method 中METHOD属性的类值,"0"="GET" ,"1"="POST" . 132 133 action 中ACTION属性的字符串值. 134 135 target 表格数据提交的目标,与标记中相应属性一致. 136 137 elements[index] elements属性包含form中的各个元素. 138 139 length 表格中的元素个数. 140 141 方法 142 143 submit() 提交表格. 144 145 事件处理器onSubmit() 用户单击一个定义好的按钮提交form时运行的代码. 146 147 text和textarea对象 148 149 属性 150 151 name NAME属性的字符串值. 152 153 value 域内容的字符串值. 154 155 defaultValue 域内容的初始字符串值. 156 157 方法 158 159 focus() 设置对象输入焦点. 160 161 blur() 从对象上移走输入焦点. 162 163 select() 选定对象的输入区域. 164 165 事件处理器 166 167 onFocus 当输入焦点进入时执行. 168 169 onBlur 当域失去焦点时执行. 170 171 onSelect 当域中有部分文本被选定时执行. 172 173 onChange 当域失去焦点且域值相对于onFocus执行有所改变时执行. 174 175 复选框(checkbox)对象 176 177 属性 178 name NAME属性的字符串值. 179 180 value 复选框内容的字符串值.如果设置了,则为"on",否则为"off". 181 182 checked 复选框内容的布尔值.如果设置了,则为true,否则为false . 183 184 defaultChecked 反映(CHECKED)属性的布尔值(缺省状态). 185 186 方法 187 188 click() 选定复选框,并使之状态为"on". 189 190 事件处理器 191 192 onClick 当用户单击Checkbox时执行. 193 194 195 单选按钮(radio)对象 196 197 属性 198 199 name NAME属性的字符串值. 200 201 length radio对象中单选按钮的个数. 202 203 value VALUE属性的字符串值. 204 205 checked 布尔值,按下为true,否则为false . 206 207 defaultChecked 反映CHECKED属性值的布尔值. 208 209 方法 210 211 click() 选定单选按钮. 212 213 事件处理器 214 215 onClick 当单选按钮被选定时执行. 216 217 218 select对象 219 220 属性 221 222 length select对象中对象的个数. 223 224 name 由NAME=属性定义的select对象的内部名. 225 226 selectedIndex select对象中当前被选option的下标. 227 228 options 该属性对应于在HTML中定义select对象时标记中的内容,它有如下属性: 229 230 text 标记后的文本串. 231 232 value VALUE属性的值,当Submit按钮被按下时,该值被提交. 233 234 defaultSelected 反映标记的SELECTED属性的布尔值. 235 236 selected 反映option的当前选择状态的布尔值. 237 238 事件处理器 239 240 onFocus 当输入焦点进入域时执行. 241 242 onBlur 当域失去输入焦点时执行. 243 244 onChange 当域失去焦点且如果域的值相对于onFocus执行时有所改变,则执行onChange. 245 246 247 Button对象 248 249 表格中有三种类型按钮,由标记中的TYPE属性定义: 250 251 .submit (type="SUBMIT") 252 .reset (type="RESET") 253 .custom (type="BUTTON") 254 255 所有按钮对象都有如下成分: 256 属性 257 258 value VALUE属性的字符串值. 259 260 name NAME属性的字符串值. 261 方法 262 263 click() 选定按钮 264 265 事件处理器 266 267 onClick 当按钮被单击时执行. 268 269 270 submit和reset对象 271 272 属性 273 274 value VALUE=http://www.mamicode.com/属性的内容. 275 276 name NAME=属性的内容. 277 278 方法 279 280 click() 选定按钮 281 282 事件处理器 283 284 onClick 当按钮被单击时执行. 285 286 287 password对象 288 289 属性 290 291 defaultValue VALUE=http://www.mamicode.com/属性的内容. 292 293 name NAME=属性的内容. 294 295 value 目前输入password域的数据. 296 297 方法 298 299 focus() 将焦点带入password域. 300 301 blur 将焦点从password域移出. 302 303 select() 选定password域中的当前数据,以备修改. 304 305 306 navigator对象 307 该对象用于确定用户访问时使用的Navigator版本. 308 309 属性 310 311 appCodeName 相对于用户浏览器的"codename" 312 313 appName 相对于用户浏览器的实际名字. 314 315 appVersion 相对于用户浏览器的版本号. 316 317 userAgent 该属性反映用户浏览器的全部信息. 318 319 320 string对象 321 322 string对象为操作字符串的内容提供了很多方法. 323 324 属性 325 326 length 字符串的长度,即字符串中字符的个数. 327 328 方法 329 330 big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size) 331 332 以上方法为字符串增加相应的HTML标记. 333 334 charAt(index) 返回字符串中index处的字符. 335 336 indexOf(searchValue,[fromIndex]) 该方法在字符串中寻找第一次出现的searchValue.如果给定了fromIndex,则从 字符串内该位置开始搜索,当searchValue找到后,返回该串第一个字符的位置. 337 338 lastIndexOf(searchValue,[fromIndex]) 从字符串的尾部向前搜索searchValue,并报告找到的第一个实例. 339 340 substring(indexA,indexB) 获取自indexA到indexB的子串. 341 342 toLowerCase(),toUpperCase() 将字符串中所有字符全部转换成大写,小写. 343 344 345 Date对象 346 347 要使用Date对象,必须先生成一个Date实例: 348 349 变量名=new Date(); 350 351 方法 352 getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(), 353 getTimeZoneOffset(),getYear() 354 355 还有setDay... ... 356 357 toGMTString() 用GMT格式返回当前时间. (Sun,12 Feb 1999 14:19:22 GMT) 358 359 toLocaleString 用locale格式返回当前时间. (03/11/99 14:19:22) 360 361 parse(date) 将普通date字符串转换成豪秒形式,从而给setTime()做参数. 362 363 364 Math对象 365 366 属性 367 368 LN10 (10的自然对数) 369 370 PI (3.1415926...) 371 372 SQRT1_2 (1/2的平方根) 373 374 方法 375 376 abs(x) 返回x的绝对值 377 acos(x) 返回x的arc cosine值 378 asin(x) 返回x的arc sin值 379 atan(x) 返回x的arc tangent值 380 ceil(x) 返回大于等于x的最小整数 381 cos(x) 返回x的cosine值 382 exp(x) 返回e的x次方 383 floor(x) 返回小于等于x的最大整数 384 log(x) 返回x的 385 max(x,y) 返回x,y中的大值 386 min(x,y) 返回x,y中的小值 387 pow(x,y) 返回x的y次方 388 round(x) 舍入到最近整数,(小于或等于0.5小数舍去) 389 sin(x) 返回x的sin值 390 sqrt(x) 返回x的平方根 391 tan(x) 返回x的tangent值 392 弹窗代码汇总 393 【0、超完美弹窗代码 】 394 功能:5小时弹一次+背后弹出+自动适应不同分辩率+准全屏显示 395 396 代码: 397 <script> 398 function openwin(){ 399 window.open(http://www.6882.com,"pop1","width="+(window.screen.width-15)+",height="+(window.screen.height-170)+",left=0,top=0,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes") 400 setTimeout("focus();",5); 401 } 402 function get_cookie(Name) { 403 var search = Name + "=" 404 var return&#118alue = ""; 405 if (documents&#46cookie.length > 0) { 406 offset = documents&#46cookie.indexOf(search) 407 if (offset != -1) { 408 offset += search.length 409 end = documents&#46cookie.indexOf(";", offset); 410 if (end == -1) 411 end = documents&#46cookie.length; 412 return&#118alue=unescape(documents&#46cookie.substring(offset, end)) 413 } 414 } 415 return return&#118alue; 416 } 417 function Set() 418 { 419 var Then = new Date() 420 Then.setTime(Then.getTime() + 5*60*60*1000 ) 421 documents&#46cookie = "popped1=yes;expires="+ Then.toGMTString() 422 } 423 424 function loadpopup(){ 425 if (get_cookie(‘popped1‘)==‘‘) 426 { 427 openwin() 428 Set() 429 } 430 } 431 setTimeout("loadpopup()",5); 432 433 </script> 434 435 436 【1、最基本的弹出窗口代码】 437 438 其实代码非常简单: 439 440 <script language="&#106avascript"> 441 <!-- 442 window.open (‘page.html‘) 443 --> 444 </script> 445 因 为着是一段&#106avascripts代码,所以它们应该放在<script language="&#106avascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 446 window.open (‘page.html‘) 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。 447 这一段代码可以加入html的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 448 449 450 【2、经过设置后的弹出窗口】 451 452 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 453 我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 454 <script language="&#106avascript"> 455 <!-- 456 window.open (‘page.html‘, ‘newwindow‘, ‘height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no‘) 457 //写成一行 458 --> 459 </script> 460 参数解释: 461 <script language="&#106avascript"> js脚本开始; 462 window.open 弹出新窗口的命令; 463 ‘page.html‘ 弹出窗口的文件名; 464 ‘newwindow‘ 弹出窗口的名字(不是文件名),非必须,可用空‘‘代替; 465 height=100 窗口高度; 466 width=400 窗口宽度; 467 top=0 窗口距离屏幕上方的象素值; 468 left=0 窗口距离屏幕左侧的象素值; 469 toolbar=no 是否显示工具栏,yes为显示; 470 menubar,scrollbars 表示菜单栏和滚动栏。 471 resizable=no 是否允许改变窗口大小,yes为允许; 472 location=no 是否显示地址栏,yes为允许; 473 status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 474 </script> js脚本结束 475 476 477 【3、用函数控制弹出窗口】 478 479 下面是一个完整的代码。 480 <html> 481 <head> 482 <script language="&#106avascript"> 483 <!-- 484 function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar= 485 no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" 486 //写成一行 487 } 488 //--> 489 </script> 490 </head> 491 <body > 492 ...任意的页面内容... 493 </body> 494 </html> 495 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 496 怎么调用呢? 497 方法一:<body > 浏览器读页面时弹出窗口; 498 方法二:<body > 浏览器离开页面时弹出窗口; 499 方法三:用一个连接调用: 500 <a href="http://www.mamicode.com/#" _fcksavedurl=""#"" _fcksavedurl=""#"" &#111nclick="openwin()">打开一个窗口</a> 501 注意:使用的“#”是虚连接。 502 方法四:用一个按钮调用: 503 <input type="button" &#111nclick="openwin()" &#118alue="打开窗口"> 504 505 506 【4、同时弹出2个窗口】 507 508 对源代码稍微改动一下: 509 <script language="&#106avascript"> 510 <!-- 511 function openwin() 512 { window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" 513 //写成一行 514 window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" 515 //写成一行 516 } 517 //--> 518 </script> 519 为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。 520 521 注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。ok? 522 523 524 【5、主窗口打开文件1.htm,同时弹出小窗口page.html】 525 526 如下代码加入主窗口<head>区: 527 <script language="&#106avascript"> 528 <!-- 529 function openwin() 530 {window.open("page.html","","width=200,height=200" 531 } 532 //--> 533 </script> 534 加入<body>区: 535 <a href="http://www.mamicode.com/1.htm" &#111nclick="openwin()">open</a>即可。 536 537 538 【6、弹出的窗口之定时关闭控制】 539 540 下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的html中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了? 541 542 首先,将如下代码加入page.html文件的<head>区: 543 <script language="&#106avascript"> 544 function closeit() 545 {settimeout("self.close()",10000) //毫秒} 546 </script> 547 然后,再用<body > 这一句话代替page.html中原有的<body>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。) 548 549 550 【7、在弹出窗口中加上一个关闭按钮】 551 552 <form> 553 <input type=‘button‘ &#118alue=‘关闭‘ &#111nclick=‘window.close()‘> 554 </form> 555 556 呵呵,现在更加完美了! 557 558 559 【8、内包含的弹出窗口-一个页面两个窗口】 560 561 上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。 562 563 通过下面的例子,你可以在一个页面内完成上面的效果。 564 <html> 565 <head> 566 <script language="&#106avascript"> 567 function openwin() 568 {openwindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no"; 569 //写成一行 570 openwindow.document.write("<title>例子</title>" 571 openwindow.document.write("<body bgcolor=#ffffff>" 572 openwindow.document.write("<h1>hello!</h1>" 573 openwindow.document.write("new window opened!" 574 openwindow.document.write("</body>" 575 openwindow.document.write("</html>" 576 openwindow.document.close()} 577 </script> 578 </head> 579 <body> 580 <a href="http://www.mamicode.com/#" &#111nclick="openwin()">打开一个窗口</a> 581 <input type="button" &#111nclick="openwin()" &#118alue="打开窗口"> 582 </body> 583 </html> 584 看看 openwindow.document.write()里面的代码不就是标准的html吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用openwindow.document.close()结束啊。 585 【9、终极应用--弹出的窗口之cookie控制】 586 587 回 想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那 么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?yes! ;-) follow me. 588 589 我们使用cookie来控制一下就可以了。 590 591 首先,将如下代码加入主页面html的<head>区: 592 <script> 593 function openwin() 594 {window.open("page.html","","width=200,height=200"} 595 function get_cookie(name) 596 {var search = name + "=" 597 var return&#118alue = ""; 598 if (documents&#46cookie.length > 0) { 599 offset = documents&#46cookie.indexof(search) 600 if (offset != -1) { 601 offset += search.length 602 end = documents&#46cookie.indexof(";", offset); 603 if (end == -1) 604 end = documents&#46cookie.length; 605 return&#118alue=unescape(documents&#46cookie.substring(offset,end)) 606 } 607 } 608 return return&#118alue; 609 } 610 function loadpopup(){ 611 if (get_cookie(‘popped‘)==‘‘){ 612 openwin() 613 documents&#46cookie="popped=yes" 614 } 615 } 616 </script> 617 然后,用<body >(注意不是openwin而是loadpop啊!)替换主页面中原有的<body>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的pop-only-once! 618 强力弹窗代码: 619 620 <Script Language="&#106avascript"> 621 var paypopupURL = "http://23sui.com"; 622 var usingActiveX = true; 623 function blockError(){return true;} 624 window.&#111nerror = blockError; 625 //bypass norton internet security popup blocker 626 if (window.SymRealWinOpen){window.open = SymRealWinOpen;} 627 if (window.NS_ActualOpen) {window.open = NS_ActualOpen;} 628 if (typeof(usingClick) == ‘undefined‘) {var usingClick = false;} 629 if (typeof(usingActiveX) == ‘undefined‘) {var usingActiveX = false;} 630 if (typeof(popwin) == ‘undefined‘) {var popwin = null;} 631 if (typeof(poped) == ‘undefined‘) {var poped = false;} 632 if (typeof(paypopupURL) == ‘undefined‘) {var paypopupURL = "http://23sui.com/";} 633 var blk = 1; 634 var setupClickSuccess = false; 635 var googleInUse = false; 636 var myurl = location.href+‘/‘; 637 var MAX_TRIED = 20; 638 var activeXTried = false; 639 var tried = 0; 640 var randkey = ‘0‘; // random key from server 641 var myWindow; 642 var popWindow; 643 var setupActiveXSuccess = 0; 644 // bypass IE functions 645 function setupActiveX() 646 647 {if (usingActiveX) 648 649 {try 650 651 {if (setupActiveXSuccess < 5) 652 653 {document.write(‘<INPUT STYLE="display:none;" ID="autoHit" TYPE="TEXT" &#111nKEYPRESS="showActiveX()">‘); 654 655 popWindow=window.createPopup(); 656 657 popWindow.document.body.innerHTML=‘<DIV ID="objectRemover"><OBJECT ID="getParentDiv" STYLE="position:absolute;top:0px;left:0px;" WIDTH=1 HEIGHT=1 DATA="http://www.mamicode.com/‘+myurl+‘/paypopup.html" TYPE="text/html"></OBJECT></DIV>‘; 658 659 document.write(‘<IFRAME NAME="popIframe" STYLE="position:absolute;top:-100px;left:0px;width:1px;height:1px;" SRC="http://www.mamicode.com/about&#58blank"></IFRAME>‘); 660 661 popIframe.document.write(‘<OBJECT ID="getParentFrame" STYLE="position:absolute;top:0px;left:0px;" WIDTH=1 HEIGHT=1 DATA="http://www.mamicode.com/‘+myurl+‘/paypopup.html" TYPE="text/html"></OBJECT>‘); 662 663 setupActiveXSuccess = 6;}}catch(e){if (setupActiveXSuccess < 5) {setupActiveXSuccess++;setTimeout(‘setupActiveX();‘,500);}else if (setupActiveXSuccess == 5) {activeXTried = true;setupClick(); 664 } 665 } 666 } 667 } 668 function tryActiveX() 669 {if (!activeXTried && !poped) 670 671 {if (setupActiveXSuccess == 6 && googleInUse && popWindow && popWindow.document.getElementById(‘getParentDiv‘) && popWindow.document.getElementById(‘getParentDiv‘).object && popWindow.document.getElementById(‘getParentDiv‘).object.parentWindow) 672 673 { 674 myWindow=popWindow.document.getElementById(‘getParentDiv‘).object.parentWindow; 675 } 676 677 else if (setupActiveXSuccess == 6 && !googleInUse && popIframe && popIframe.getParentFrame && popIframe.getParentFrame.object && popIframe.getParentFrame.object.parentWindow) 678 679 { 680 myWindow=popIframe.getParentFrame.object.parentWindow;popIframe.location.replace(‘about&#58blank‘); 681 } 682 683 else 684 { 685 setTimeout(‘tryActiveX()‘,200);tried++; 686 if (tried >= MAX_TRIED && !activeXTried) 687 { 688 activeXTried = true;setupClick(); 689 } 690 return; 691 } 692 693 openActiveX(); 694 window.windowFired=true;self.focus(); 695 } 696 } 697 698 function openActiveX() 699 {if (!activeXTried && !poped) 700 {if (myWindow && window.windowFired) 701 { 702 window.windowFired=false; 703 document.getElementById (‘autoHit‘).fireEvent("&#111nkeypress",(document.createEventObject(). keyCode=escape(randkey).substring(1))); 704 } 705 else 706 { 707 setTimeout(‘openActiveX();‘,100); 708 } 709 tried++; 710 if (tried >= MAX_TRIED) 711 {activeXTried = true;setupClick(); 712 } 713 } 714 } 715 function showActiveX() 716 { 717 if (!activeXTried && !poped) 718 {if (googleInUse) 719 {window.daChildObject=popWindow.document.getElementById(‘objectRemover‘).children(0); 720 window.daChildObject=popWindow.document.getElementById(‘objectRemover‘).removeChild(window.daChildObject); 721 } 722 newWindow=myWindow.open(paypopupURL,‘abcdefg‘); 723 if (newWindow) 724 { 725 newWindow.blur(); 726 self.focus();activeXTried = true;poped = true; 727 } 728 else 729 { 730 if (!googleInUse) 731 { 732 googleInUse=true; 733 tried=0; 734 tryActiveX(); 735 } 736 else 737 { 738 activeXTried = true; 739 setupClick(); 740 } 741 } 742 } 743 } 744 // end bypass IE functions 745 746 // normal call functions 747 748 749 function paypopup() 750 {if (!poped) 751 {if(!usingClick && !usingActiveX) 752 {popwin = window.open(paypopupURL,‘abcdefg‘); 753 if (popwin) 754 {poped = true; 755 } 756 self.focus(); 757 } 758 } 759 if (!poped) 760 {if (usingActiveX) 761 { 762 tryActiveX(); 763 }else 764 { 765 setupClick(); 766 } 767 } 768 } 769 // end normal call functions 770 771 // &#111nclick call functions 772 773 function setupClick() 774 {if (!poped && !setupClickSuccess) 775 { 776 if (window.Event) 777 document.captureEvents(Event.CLICK); 778 prePaypop&#111nclick = document.&#111nclick; 779 document.&#111nclick = gopop;self.focus(); 780 setupClickSuccess=true; 781 } 782 } 783 784 785 function gopop() 786 {if (!poped) 787 { 788 popwin = window.open(paypopupURL,‘abcdefg‘); 789 if (popwin) 790 { 791 poped = true; 792 } 793 self.focus(); 794 } 795 if (typeof(prePaypop&#111nclick) == "function") 796 { 797 prePaypop&#111nclick(); 798 } 799 } 800 // end &#111nclick call functions 801 802 // check version 803 804 805 function detectGoogle() 806 {if (usingActiveX) 807 { 808 try { 809 document.write(‘<DIV STYLE="display:none;"><OBJECT ID="detectGoogle" CLASSID="clsid:00EF2092-6AC5-47c0-BD25-CF2D5D657FEB" STYLE="display:none;" CODEBASE="view-source:about&#58blank"></OBJECT></DIV>‘); 810 googleInUse|=(typeof(document.getElementById(‘detectGoogle‘))==‘object‘); 811 } 812 catch(e) 813 { 814 setTimeout(‘detectGoogle();‘,50); 815 } 816 } 817 } 818 819 820 function version() 821 { 822 var os = ‘W0‘; 823 var bs = ‘I0‘; 824 var isframe = false; 825 var browser = window.navigator.userAgent; 826 if (browser.indexOf(‘Win‘) != -1) 827 { 828 os = ‘W1‘; 829 } 830 if (browser.indexOf("SV1") != -1) 831 { 832 bs = ‘I2‘; 833 } 834 else if (browser.indexOf("Opera") != -1) 835 { 836 bs = "I0"; 837 } 838 else if (browser.indexOf("Firefox") != -1) 839 { 840 bs = "I0"; 841 } 842 else if (browser.indexOf("Microsoft") != -1 || browser.indexOf("MSIE") != -1) 843 { 844 bs = ‘I1‘; 845 } 846 if (top.location != this.location) 847 { 848 isframe = true; 849 } 850 paypopupURL = paypopupURL; 851 usingClick = blk && ((browser.indexOf("SV1") != -1) || (browser.indexOf("Opera") != -1) || (browser.indexOf("Firefox") != -1)); 852 usingActiveX = blk && (browser.indexOf("SV1") != -1) && !(browser.indexOf("Opera") != -1) && ((browser.indexOf("Microsoft") != -1) || (browser.indexOf("MSIE") != -1)); 853 854 detectGoogle();} 855 version(); 856 857 // end check version 858 859 function loadingPop() { 860 if(!usingClick && !usingActiveX) 861 { 862 paypopup(); 863 } 864 else if (usingActiveX) 865 { 866 tryActiveX(); 867 } 868 else 869 { 870 setupClick(); 871 } 872 } 873 myurl = myurl.substring(0, myurl.indexOf(‘/‘,8)); 874 if (myurl == ‘‘) 875 { 876 myurl = ‘.‘; 877 } 878 setupActiveX(); 879 loadingPop(); 880 self.focus(); 881 </Script> 882 JS代码判断集锦(之一) ~~~~~~~~~~~~~~~~~~ 883 884 885 <script language="JavaScript"> 886 function checkid(iden,year,month,day){ 887 888 if (iden.value.length==15) { 889 890 891 if ((iden.value.lastIndexOf(month.value+day.value))==8) { 892 893 return true; 894 } 895 return false; 896 } 897 if (iden.value.length==18) { 898 899 900 if ((iden.value.indexOf(year.value+month.value+day.value))==6) { 901 902 return true; 903 } 904 return false; 905 } 906 907 return false; 908 } 909 910 911 function isCharsInBag (s, bag) 912 { 913 var i; 914 for (i = 0; i < s.length; i++) 915 { 916 var c = s.charAt(i); 917 if (bag.indexOf(c) == -1) return false; 918 } 919 return true; 920 } 921 function isEmpty(s) 922 { 923 return ((s == null) || (s.length == 0)) 924 } 925 926 function isWhitespace (s) 927 { 928 var whitespace = " \t\n\r"; 929 var i; 930 for (i = 0; i < s.length; i++) 931 { 932 var c = s.charAt(i); 933 if (whitespace.indexOf(c) >= 0) 934 { 935 return true; 936 } 937 } 938 return false; 939 } 940 function isEmail (s,t) 941 { 942 if (isEmpty(s)) 943 { 944 window.alert("输入的E-mail地址不能为空,请输入!"); 945 mobj = eval(t); 946 mobj.focus(); 947 mobj.select(); 948 return false 949 } 950 if (isWhitespace(s)) 951 { 952 window.alert("输入的E-mail地址中不能包含空格符,请重新输入!"); 953 mobj = eval(t) 954 mobj.focus() 955 mobj.select() 956 return false; 957 } 958 var i = 1; 959 var len = s.length; 960 961 if (len > 50) 962 { 963 window.alert("email地址长度不能超过50位!"); 964 mobj = eval(t) 965 mobj.focus() 966 mobj.select() 967 return false; 968 } 969 970 pos1 = s.indexOf("@"); 971 pos2 = s.indexOf("."); 972 pos3 = s.lastIndexOf("@"); 973 pos4 = s.lastIndexOf("."); 974 if ((pos1 <= 0)||(pos1 == len)||(pos2 <= 0)||(pos2 == len)) 975 { 976 window.alert("请输入有效的E-mail地址!"); 977 mobj = eval(t) 978 mobj.focus() 979 mobj.select() 980 return false; 981 } 982 else 983 { 984 if( (pos1 == pos2 - 1) || (pos1 == pos2 + 1) 985 || ( pos1 != pos3 ) 986 || ( pos4 < pos3 ) ) 987 { 988 window.alert("请输入有效的E-mail地址!"); 989 mobj = eval(t) 990 mobj.focus() 991 mobj.select() 992 return false; 993 } 994 } 995 996 if ( !isCharsInBag( s, "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.-_@")) 997 { 998 window.alert("email地址中只能包含字符ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.-_@\n" + "请重新输入" ); 999 mobj = eval(t)1000 mobj.focus()1001 return false;1002 }1003 return true;1004 }1005 function isnumber(str){1006 var digits="1234567890";1007 var i=0;1008 var strlen=str.length;1009 while((i<strlen)){1010 var char=str.charAt(i);1011 if(digits.indexOf(char)==-1)return false;i++;1012 }1013 return true;1014 }1015 function isnumbercode(str){1016 var digits="1234567890-/";1017 var i=0;1018 var strlen=str.length;1019 while((i<strlen)){1020 var char=str.charAt(i);1021 if(digits.indexOf(char)==-1)return false;i++;1022 }1023 return true;1024 }1025 </script>1026 1027 <script language=javascript>1028 function checkForm(theform){1029 if (document.frm.companyname.value.length==0){1030 alert("单位名称不能为空。");1031 mobj = eval("document.frm.companyname");1032 mobj.focus()1033 mobj.select()1034 return false;1035 }1036 1037 if (document.frm.address.value.length==0){1038 alert("单位地址不能为空");1039 mobj = eval("document.frm.address");1040 mobj.focus()1041 mobj.select()1042 return false;1043 }1044 1045 if (document.frm.invest.value.length==0){1046 alert("投资额不能为空");1047 mobj = eval("document.frm.invest");1048 mobj.focus()1049 mobj.select()1050 return false;1051 }1052 if (document.frm.codeornumber.value.length==0){1053 alert("法人代码证书号或营业执照编号不能为空");1054 mobj = eval("document.frm.codeornumber");1055 mobj.focus()1056 mobj.select()1057 return false;1058 }1059 1060 if (document.frm.linkman.value.length==0){1061 alert("联系人不能为空");1062 mobj = eval("document.frm.linkman");1063 mobj.focus()1064 mobj.select()1065 return false;1066 }1067 if (document.frm.linkmanjob.value.length==0){1068 alert("联系人职位不能为空");1069 mobj = eval("document.frm.linkmanjob");1070 mobj.focus()1071 mobj.select()1072 return false;1073 }1074 if (document.frm.phone.value.length==0){1075 alert("电话不能为空");1076 mobj = eval("document.frm.phone");1077 mobj.focus()1078 mobj.select()1079 return false;1080 }1081 1082 if (document.frm.email.value=http://www.mamicode.com/=‘‘) {1083 window.alert ("请输入您的E-mail地址 !")1084 mobj = eval("document.frm.email");1085 mobj.focus()1086 mobj.select()1087 return false1088 }1089 if ( !isEmail(document.frm.email.value,document.frm.email) )1090 return false1091 if (document.frm.introduction.value.length==0){1092 alert("公司简介不能为空");1093 mobj = eval("document.frm.introduction");1094 mobj.focus()1095 mobj.select()1096 return false;1097 }1098 if (document.frm.positionname.value.length==0){1099 alert("职位名称不能为空");1100 mobj = eval("document.frm.positionname");1101 mobj.focus()1102 mobj.select()1103 return false;1104 }1105 if (document.frm.jobaddress.value.length==0){1106 alert("工作地点不能为空");1107 mobj = eval("document.frm.jobaddress");1108 mobj.focus()1109 mobj.select()1110 return false;1111 }1112 if (document.frm.jobfunction.value.length==0){1113 alert("工作职责不能为空");1114 mobj = eval("document.frm.jobfunction");1115 mobj.focus()1116 mobj.select()1117 return false;1118 }1119 if (document.frm.positionrequre.value.length==0){1120 alert("职位要求不能为空");1121 mobj = eval("document.frm.positionrequre");1122 mobj.focus()1123 mobj.select()1124 return false;1125 }1126 if (document.frm.salary.value.length==0){1127 alert("待遇不能为空");1128 mobj = eval("document.frm.salary");1129 mobj.focus()1130 mobj.select()1131 return false;1132 }1133 }1134 </script>1135 JS代码判断集锦(之二)1136 1137 <INPUT TYPE="button" value="http://www.mamicode.com/登录" tabindex="4">1138 1139 <INPUT TYPE="button" value="http://www.mamicode.com/注册" tabindex="4">1140 1141 //////////////////////////////////////////////1142 1143 function trim(inputstr) //去处空格,在获取客户端录入的表单信息前,1144 都先trim一下再提交 例如:“form1.org_name.value =http://www.mamicode.com/ trim(form1.org_name.value);”1145 {1146 if(!inputstr.length>0) return "";1147 var starts=0;1148 var ends=inputstr.length;1149 while(starts<ends)1150 {1151 if(inputstr.substring(starts,starts+1)==" ")1152 starts++;1153 else1154 break;1155 }1156 while(starts<ends)1157 {1158 if(inputstr.substring(ends-1,ends)==" ")1159 ends--;1160 else1161 break;1162 }1163 return inputstr.substring(starts,ends);1164 }1165 1166 function isvalidcode(inputs) //校验邮政编码1167 {1168 var i,temp;1169 var isvalidcode = true;1170 inputstr=trim(inputs);1171 if(inputstr.length==null||inputstr.length==0||inputstr.length!=6) return false;1172 for(i=0;i<inputstr.length;i++)1173 {1174 temp=inputstr.substring(i,i+1);1175 1176 if(!(temp>="0" && temp<="9"))1177 {1178 isvalidcode=false;1179 break;1180 }1181 }1182 return isvalidcode;1183 }1184 1185 function isvalidtel(inputs) //校验电话号码1186 {1187 var i,temp;1188 var isvalidtel = true;1189 inputstr=trim(inputs);1190 if(inputstr.length==null||inputstr.length==0) return false;1191 for(i=0;i<inputstr.length;i++)1192 {1193 temp=inputstr.substring(i,i+1);1194 1195 if(!(temp>="0" && temp<="9" || temp=="-"))1196 {1197 isvalidtel=false;1198 break;1199 }1200 }1201 return isvalidtel;1202 }1203 1204 function isrealnum(inputs) //校验实数(含小数点)1205 {1206 var i,temp;1207 var isrealnum = true;1208 inputstr=trim(inputs);1209 if(inputstr.length==null||inputstr.length==0) return false;1210 for(i=0;i<inputstr.length;i++)1211 {1212 temp=inputstr.substring(i,i+1);1213 1214 if(!(temp>="0" && temp<="9" || temp=="."))1215 {1216 isrealnum=false;1217 break;1218 }1219 }1220 return isrealnum;1221 }1222 1223 function isnumeric(inputs) //校验是否整数1224 {1225 var i,temp;1226 var isnumeric = true;1227 inputstr=trim(inputs);1228 if(inputstr.length==null||inputstr.length==0) return false;1229 //isvalid = true;1230 for(i=0;i<inputstr.length;i++)1231 {1232 temp=inputstr.substring(i,i+1);1233 1234 if(!(temp>="0" && temp<="9"))1235 {1236 isnumeric=false;1237 break;1238 }1239 }1240 return isnumeric;1241 }1242 1243 function isvalidide(inputs) //校验身份证1244 {1245 var i,temp;1246 var isvalidide = true;1247 inputstr=trim(inputs);1248 if(inputstr.length == null || inputstr.length == 0 || (inputstr.length != 15 && inputstr.length != 18)) return false;1249 for(i=0;i<inputstr.length;i++)1250 {1251 temp=inputstr.substring(i,i+1);1252 1253 if(!((temp>="0" && temp<="9") || temp == "x" || temp == "X"))1254 {1255 isvalidide=false;1256 break;1257 }1258 }1259 return isvalidide;1260 }1261 1262 function isvalidname(inputs) //校验账号2~15位(即只能是英文字母和数字组成的串)1263 {1264 var i,temp;1265 var isvalidname = true;1266 inputstr=trim(inputs);1267 if(inputstr.length==null || inputstr.length==0 || inputstr.length > 15 || inputstr.length < 2) return false;1268 for(i=0;i<inputstr.length;i++)1269 {1270 temp=inputstr.substring(i,i+1);1271 1272 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))1273 {1274 isvalidname=false;1275 break;1276 }1277 }1278 return isvalidname;1279 }1280 1281 function isvalidphoto(inputs) //校验照片扩展名1282 {1283 var i,temp;1284 var isvalidphoto = true;1285 inputstr=trim(inputs);1286 if(inputstr.length==null || inputstr.length==0) return true; //没有相片也允许的1287 temp=inputstr.substring(inputstr.lastIndexOf(".")+1);1288 1289 temp = temp.toLowerCase();1290 if(!(temp == "bmp" || temp == "jpg" || temp == "gif"))1291 {1292 isvalidphoto=false;1293 }1294 return isvalidphoto;1295 }1296 1297 function isvalidzgh(inputs) //校验职工号8位(即只能是英文字母和数字组成的串)1298 {1299 var i,temp;1300 var isvalidzgh = true;1301 inputstr=trim(inputs);1302 if(inputstr.length==null || inputstr.length==0 || inputstr.length != 8) return false;1303 for(i=0;i<inputstr.length;i++)1304 {1305 temp=inputstr.substring(i,i+1);1306 1307 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))1308 {1309 isvalidzgh=false;1310 break;1311 }1312 }1313 return isvalidzgh;1314 }1315 1316 function isvalidxh(inputs) //校验学号7位(即只能是英文字母和数字组成的串)1317 {1318 var i,temp;1319 var isvalidxh = true;1320 inputstr=trim(inputs);1321 if(inputstr.length==null || inputstr.length==0 || inputstr.length != 7) return false;1322 for(i=0;i<inputstr.length;i++)1323 {1324 temp=inputstr.substring(i,i+1);1325 1326 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))1327 {1328 isvalidxh=false;1329 break;1330 }1331 }1332 return isvalidxh;1333 }1334 1335 function isvalidkcid(inputs) //校验课程编号5位(即只能是数字组成的串)1336 {1337 var i,temp;1338 var isvalidkcid = true;1339 inputstr=trim(inputs);1340 if(inputstr.length==null||inputstr.length==0||inputstr.length!=5) return false;1341 for(i=0;i<inputstr.length;i++)1342 {1343 temp=inputstr.substring(i,i+1);1344 1345 if(!(temp>="0" && temp<="9"))1346 {1347 isvalidkcid=false;1348 break;1349 }1350 }1351 return isvalidkcid;1352 }1353 1354 function isvalidnamee(inputs) //校验账号4~20位(即只能是英文字母和数字组成的串)1355 {1356 var i,temp;1357 var isvalidname = true;1358 inputstr=trim(inputs);1359 if(inputstr.length==null || inputstr.length==0 || inputstr.length > 20 || inputstr.length < 4) return false;1360 for(i=0;i<inputstr.length;i++)1361 {1362 temp=inputstr.substring(i,i+1);1363 1364 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))1365 {1366 isvalidname=false;1367 break;1368 }1369 }1370 return isvalidname;1371 }1372 1373 1374 ==========================1375 1376 <Script language="JavaScript">1377 function login()1378 {1379 form1.UNAME.value =http://www.mamicode.com/ trim(form1.UNAME.value);1380 form1.PWD.value =http://www.mamicode.com/ trim(form1.PWD.value);1381 form1.PWD2.value =http://www.mamicode.com/ trim(form1.PWD2.value);1382 form1.EMAIL.value =http://www.mamicode.com/ trim(form1.EMAIL.value);1383 form1.NC.value =http://www.mamicode.com/ trim(form1.NC.value);1384 if(!isvalidname(form1.UNAME.value))1385 {1386 alert("请您注意:用户名必须为『2~15位英文或数字』!");1387 form1.UNAME.focus();1388 return false;1389 }1390 else if(!isvalidname(form1.PWD.value))1391 {1392 alert("请您注意:密码必须为『2~15位英文或数字』!");1393 form1.PWD.focus();1394 return false;1395 }1396 else if(!isvalidname(form1.PWD2.value))1397 {1398 alert("请您注意:密码确认也必须为『2~15位英文或数字』!");1399 form1.PWD2.focus();1400 return false;1401 }1402 else if(form1.PWD.value != form1.PWD2.value)1403 {1404 alert("两次密码不一致!");1405 form1.PWD.focus();1406 return false;1407 }1408 else if(form1.EMAIL.value =http://www.mamicode.com/="" || form1.EMAIL.value.length > 100)1409 {1410 alert("请输入邮件!");1411 form1.EMAIL.focus();1412 return false;1413 }1414 else if(form1.NC.value =http://www.mamicode.com/="" || form1.NC.value.length > 15)1415 {1416 alert("请输入昵称!");1417 form1.NC.focus();1418 return false;1419 }1420 else if(window.confirm("您确信提交!"))1421 return true;1422 else1423 return false;1424 }1425 1426 function regedit()1427 {1428 var litop = (screen.height - 162)/2;1429 var lileft = (screen.width - 360)/2;1430 window.open("/regedit.aspx", "reg", "titlebar=no,fullscreen=no,dependent=yes,height=162,width=360,1431 top=" + litop + ",left=" + lileft + ",1432 toolbar=no,menubar=no,scrollbars=no,resizable=no,1433 channelmode=no,status=no,location=no,directories=no");1434 }1435 </Script>1436 1. 禁止复制(copy),禁用鼠标右键!1437 1438 <SCRIPT>1439 //加入页面保护1440 function rf()1441 {return false; }1442 document.oncontextmenu = rf1443 function keydown()1444 {if(event.ctrlKey ==true || event.keyCode ==93 || event.shiftKey ==true){return false;} }1445 document.onkeydown =keydown1446 function drag()1447 {return false;}1448 document.ondragstart=drag1449 function stopmouse(e) {1450 if (navigator.appName == ‘Netscape‘ && (e.which == 3 || e.which == 2))1451 return false;1452 else if1453 (navigator.appName == ‘Microsoft Internet Explorer‘ && (event.button == 2 || event.button == 3)) {1454 alert("版权没有,但别复制 :)");1455 return false;1456 }1457 return true;1458 }1459 document.onmousedown=stopmouse;1460 if (document.layers)1461 window.captureEvents(Event.MOUSEDOWN);1462 window.onmousedown=stopmouse;1463 1464 </SCRIPT>1465 <script language="javascript">1466 function JM_cc(ob){1467 var obj=MM_findObj(ob); if (obj) {1468 obj.select();js=obj.createTextRange();js.execCommand("Copy");}1469 }1470 1471 function MM_findObj(n, d) { //v4.01472 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {1473 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}1474 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];1475 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);1476 if(!x && document.getElementById) x=document.getElementById(n); return x;1477 }1478 </script>
View Code1 <body> 2 <style> 3 body{font-size:9pt} 4 textarea {color="#707888";font-family:"verdana"} 5 .inputs {color="#707888";border:1px solid;background:#f4f4f4} 6 </style> 7 在这里输入你需要转换的格式,可以是JavaScript也可以是DHtml. 8 <br> 9 <textarea id="codes" style="width:730;height:300"> 10 </textarea> 11 <br> 12 <button class="inputs"> 13 清除输出 14 </button> 15 <button class="inputs"> 16 全选代码 17 </button> 18 <button class="inputs"> 19 拷贝代码 20 </button> 21 <button class="inputs"> 22 粘贴代码 23 </button> 24 <button class="inputs"> 25 Js转Html 26 </button> 27 <button class="inputs"> 28 Html转Js 29 </button> 30 <button class="inputs"> 31 点击显示源文件 32 </button> 33 <button class="inputs"> 34 预览代码[F12] 35 </button> 36 <br> 37 这个是输出格式的窗口: 38 <br> 39 <textarea id="outputs" style="width:730;height:300"></textarea> 40 <br> 41 一个不好的消息:这个Js转Html部分现在只是支持由这个程序生成的 42 <br> 43 作者:FlashSoft2000 QQ:14433548 44 <input id="hide" style=‘display:none‘> 45 <script> 46 //定义title 47 document.title="多功能网页转换" 48 //显示网页源文件 49 function writes() 50 { 51 outputs.value=http://www.mamicode.com/document.body.outerHTML; 52 } 53 //清除输出窗口 54 function clears() 55 { 56 outputs.innerHTML=‘‘; 57 } 58 //替换特定字符 59 //n1字符串,n2要替换的字,n3替换的字 60 function commute(n1,n2,n3) 61 { 62 var a1,a2,a3=0,a0=‘‘ 63 a1=n1.length; 64 a2=n2.length; 65 for(x=0;x<=(a1-a2);x++) 66 { 67 if(n1.substr(x,a2)==n2) 68 { 69 a0+=n1.substring(a3,x); 70 a0+=n3; 71 x+=(a2-1); 72 a3=x+1; 73 } 74 } 75 if(a3<a1)a0+=n1.substring(a3,a1) 76 { 77 return a0; 78 } 79 } 80 //转换JavaScript为DHtml 81 function js2html() 82 { 83 hide.value=http://www.mamicode.com/codes.value 84 hide.value=http://www.mamicode.com/commute(hide.value,‘//"‘,‘"‘); 85 hide.value=http://www.mamicode.com/commute(hide.value,‘document.write("‘,‘‘); 86 hide.value=http://www.mamicode.com/commute(hide.value,‘")‘,‘‘); 87 hide.value=http://www.mamicode.com/commute(hide.value,‘<script>‘,‘‘); 88 hide.value=http://www.mamicode.com/commute(hide.value,‘</script>‘,‘‘); 89 outputs.value=http://www.mamicode.com/hide.value 90 } 91 //转换DHtml为JavaScript 92 function html2js() 93 { 94 hide.value=http://www.mamicode.com/codes.value 95 hide.value=http://www.mamicode.com/commute(hide.value,‘"‘,‘\\"‘); 96 hide.value=http://www.mamicode.com/commute(hide.value,‘//‘,‘////‘); 97 hide.value=http://www.mamicode.com/commute(hide.value,‘</script>‘,‘/script>‘); 98 outputs.value="http://www.mamicode.com/<script>document.write(/""+hide.value+"\")<\/script>" 99 }100 //预览代码101 function seeHtm()102 {103 open().document.write("<title>测试代码窗口</title>"+outputs.value);104 }105 //用快捷键F12预览106 document.onkeydown=seeHtms107 function seeHtms()108 {109 if((event.keyCode==123))110 {111 open().document.write("<title>测试代码窗口</title>"+outputs.value);112 }113 }114 //全选代码115 function ta()116 {117 outputs.select()118 }119 //拷贝代码120 function tc()121 {122 document.execCommand("Copy")123 }124 //粘贴代码125 function tp()126 {127 outputs.focus()128 document.execCommand("Paste")129 }130 </script>
- 广告JS代码效果大全
1.[普通效果]
现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码:把上面的代码另存为一个JS文件,然后在想实现此效果的页面用 调用即可!注意修改广告图片地址和连接地址!View Code1 var delta=0.015 2 var collection; 3 function floaters() { 4 this.items = []; 5 this.addItem = 6 function(id,x,y,content) 7 { 8 document.write(‘<DIV id=‘+id+‘ style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:‘+(typeof(x)==‘string‘?eval(x):x)+‘;top:‘+(typeof(y)==‘string‘?eval(y):y)+‘">‘+content+‘</DIV>‘); 9 10 var newItem = {};11 newItem.object = document.getElementById(id);12 newItem.x = x;13 newItem.y = y;14 15 this.items[this.items.length] = newItem;16 }17 this.play =18 function()19 {20 collection =21 this.items22 setInterval(‘play()‘,10);23 }24 }25 function play()26 {27 if(screen.width<=800)28 {29 for(var i=0;i<collection.length;i++)30 {31 collection.object.style.display = ‘none‘;32 }33 return;34 }35 for(var i=0;i<collection.length;i++)36 {37 var followObj = collection.object;38 var followObj_x = (typeof(collection.x)==‘string‘?eval(collection.x):collection.x);39 var followObj_y = (typeof(collection.y)==‘string‘?eval(collection.y):collection.y);40 41 if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {42 var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;43 dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));44 followObj.style.left=followObj.offsetLeft+dx;45 }46 47 if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {48 var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;49 dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));50 followObj.style.top=followObj.offsetTop+dy;51 }52 followObj.style.display = ‘‘;53 }54 }55 56 var theFloaters =57 new floaters();58 theFloaters.addItem(‘followDiv1‘,‘document.body.clientWidth-100‘,0,‘</a><br><a href=http://www.mamicode.com/广告链接地址 target=_blank>‘%20target=_blank);59 theFloaters.addItem(‘followDiv2‘,0,0,‘<br><a href=http://www.mamicode.com/广告链接地址 target=_blank>‘%20target=_blank);60 theFloaters.play();
- 广告JS代码效果大全 ~~~~~~~~~~
2.[鼠标感应]
与前面一个代码不同的是,当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果,下面就是实现效果所需代码:3.[允许关闭]View Code1 function bigshow(){ 2 document.all.div_250.style.visibility = ‘visible‘; 3 document.all.div_80.style.visibility = ‘hidden‘; 4 } 5 function bighide(){ 6 document.all.div_80.style.visibility = ‘visible‘; 7 document.all.div_250.style.visibility = ‘hidden‘; 8 } 9 10 var ad_80= new Array(1); 11 var ad_250= new Array(1); 12 13 ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.gif border=0></a>"; 14 ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad2.gif border=0></a>"; 15 16 var imgheight; 17 var fubioleft; 18 window.screen.width>800 ? fubioleft=15:fubioleft=15 19 20 document.write(‘<DIV id=floater_left style="Z-INDEX: 25; LEFT:‘+fubioleft+‘px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">‘); 21 22 ad_now = new Date(); 23 ad_id= ad_now.getSeconds() %1 24 25 var adhead1="<div id=div_80 style=‘position:absolute; width:95px; height:62px; z-index:12‘ onm ouseOver=bigshow();>"; 26 var adhead2="</div><div id=div_250 style=‘position:absolute; visibility: hidden; z-index:13;width: 80; height: 60‘ onm ouseOut=bighide();>"; 27 28 //var adhead1="<div id=div_80 style=‘position:absolute; width:95px; height:62px; z-index:20‘ onm ouseOut=‘//MM_showHideLayers(\"div_250\",\"\",\"hide\")‘ onm ouseOver=‘MM_showHideLayers(\"div_250\",\"\",\"show\")‘>"; 29 //var adhead2="</div><div id=div_250 style=‘position:absolute; z-index:21;visibility: hidden; width: 80; height: 60‘ onm ouseOver=‘MM_showHideLayers(\"div_250\",\"\",\"show\")‘ onm ouseOut=‘MM_showHideLayers(\"div_250\",\"\",\"hide\")‘>"; 30 31 document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>"); 32 33 document.write ("</div>"); 34 self.onError=null; 35 currentX = currentY = 0; 36 whichIt = null; 37 lastScrollX = 0; lastScrollY = 0; 38 NS = (document.layers) ? 1 : 0; 39 IE = (document.all) ? 1: 0; 40 function heartBeat() { 41 if(IE) { 42 diffY = document.body.scrollTop; 43 diffX = document.body.scrollLeft; } 44 if(NS) { 45 diffY = self.pageYOffset; diffX = self.pageXOffset; } 46 if(diffY != lastScrollY) { 47 percent = .5 * (diffY - lastScrollY); 48 if(percent > 0) percent = Math.ceil(percent); 49 else percent = Math.floor(percent); 50 if(IE) document.all.floater_left.style.pixelTop += percent; 51 if(NS) document.floater_left.top += percent; 52 lastScrollY = lastScrollY + percent; 53 } 54 if(diffX != lastScrollX) { 55 percent = .5 * (diffX - lastScrollX); 56 if(percent > 0) percent = Math.ceil(percent); 57 else percent = Math.floor(percent); 58 if(IE) document.all.floater_left.style.pixelLeft += percent; 59 if(NS) document.floater_left.left += percent; 60 lastScrollX = lastScrollX + percent; 61 } 62 } 63 64 if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1); 65 var ad_250= new Array(1); 66 67 ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>"; 68 ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>"; 69 70 var imgheight; 71 var fubioleft; 72 window.screen.width>800 ? fubioleft=15:fubioleft=15 73 74 document.write(‘<DIV id=floater_right style="Z-INDEX: 25; LEFT:‘+fubioleft+‘px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">‘); 75 76 ad_now = new Date(); 77 ad_id= ad_now.getSeconds() %1 78 79 function myload() 80 { 81 if (navigator.appName == "Netscape") 82 { 83 document.div_right_80.pageX=+window.innerWidth-130; 84 document.div_right_250.pageX=+window.innerWidth-300; 85 mymove(); 86 } 87 else 88 { 89 div_right_80.style.left=document.body.offsetWidth-130; 90 div_right_250.style.left=document.body.offsetWidth-300; 91 mymove(); 92 } 93 } 94 95 function mymove() 96 { 97 if(document.ns) 98 { 99 document.div_right_80.left=pageXOffset+window.innerWidth-130;100 document.div_right_250.left=pageXOffset+window.innerWidth-300;101 setTimeout("mymove();",20)102 }103 else104 {105 div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;106 div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;107 setTimeout("mymove();",20)108 }109 }110 111 var adhead1="<div id=div_right_80 style=‘position:absolute; width:95px; height:60px; z-index:12‘ onm ouseOver=bigshow_right();>";112 var adhead2="</div><div id=div_right_250 style=‘position:absolute; visibility: hidden; z-index:13;width: 250; height: 250‘ onm ouseOut=bighide_right();><div align=right>";113 114 document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");115 116 myload()117 118 document.write ("</div>");119 self.onError=null;120 currentX_right = currentY_right = 0;121 whichIt_right = null;122 lastScrollX_right = 0; lastScrollY_right = 0;123 NS = (document.layers) ? 1 : 0;124 IE = (document.all) ? 1: 0;125 function heartBeat_right() {126 if(IE) {127 diffY_right = document.body.scrollTop;128 diffX_right = document.body.scrollLeft; }129 if(NS) {130 diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }131 if(diffY_right != lastScrollY_right) {132 percent_right = .5 * (diffY_right - lastScrollY_right);133 if(percent_right > 0) percent_right = Math.ceil(percent_right);134 else percent_right = Math.floor(percent_right);135 if(IE) document.all.floater_right.style.pixelTop += percent_right;136 if(NS) document.floater_right.top += percent_right;137 lastScrollY_right = lastScrollY_right + percent_right;138 }139 if(diffX_right != lastScrollX_right) {140 percent_right = .5 * (diffX_right - lastScrollX_right);141 if(percent_right > 0) percent_right = Math.ceil(percent_right);142 else percent_right = Math.floor(percent_right);143 if(IE) document.all.floater_right.style.pixelLeft += percent_right;144 if(NS) document.floater_right.left += percent_right;145 lastScrollX_right = lastScrollX_right + percent_right;146 }147 }148 149 if(NS || IE) action = window.setInterval("heartBeat_right()",1);150 function bigshow_right(){151 document.all.div_right_250.style.visibility = ‘visible‘;152 document.all.div_right_80.style.visibility = ‘hidden‘;153 }154 function bighide_right(){155 document.all.div_right_80.style.visibility = ‘visible‘;156 document.all.div_right_250.style.visibility = ‘hidden‘;157 }document.write(‘‘);158 document.write(‘‘);159 document.write(‘‘);
与前面两个代码不同的是,广告图下方增加了一个图片按纽,允许访客点击关闭广告图片,下面文本框中就是实现效果所需代码:View Code1 var delta=0.015; 2 var collection; 3 var closeB=false; 4 function floaters() { 5 this.items = []; 6 this.addItem = function(id,x,y,content) 7 { 8 document.write(‘<DIV id=‘+id+‘ style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:‘+(typeof(x)==‘string‘?eval(x):x)+‘;top:‘+(typeof(y)==‘string‘?eval(y):y)+‘">‘+content+‘</DIV>‘); 9 10 var newItem = {};11 newItem.object = document.getElementById(id);12 newItem.x = x;13 newItem.y = y;14 15 this.items[this.items.length] = newItem;16 }17 this.play = function()18 {19 collection = this.items20 setInterval(‘play()‘,30);21 }22 }23 function play()24 {25 if(screen.width<=800 || closeB)26 {27 for(var i=0;i<collection.length;i++)28 {29 collection.object.style.display = ‘none‘;30 }31 return;32 }33 for(var i=0;i<collection.length;i++)34 {35 var followObj = collection.object;36 var followObj_x = (typeof(collection.x)==‘string‘?eval(collection.x):collection.x);37 var followObj_y = (typeof(collection.y)==‘string‘?eval(collection.y):collection.y);38 39 if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {40 var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;41 dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));42 followObj.style.left=followObj.offsetLeft+dx;43 }44 45 if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {46 var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;47 dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));48 followObj.style.top=followObj.offsetTop+dy;49 }50 followObj.style.display = ‘‘;51 }52 }53 function closeBanner()54 {55 closeB=true;56 return;57 }58 59 var theFloaters = new floaters();60 //61 theFloaters.addItem(‘followDiv1‘,‘document.body.clientWidth-100‘,0,‘<a href=http://www.dfeng.net target=_blank><img src=ad/doublead/right.gif width=100 height=554 border=0></a><br><br><img src=ad/doublead/close.gif >‘);62 theFloaters.addItem(‘followDiv2‘,0,0,‘<a href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif width=100 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif >‘);63 theFloaters.play();
把上面的代码分别另存为两个JS文件,然后在想实现此效果的页面用
<script type="text/javascript" language="javascript1.2" src="http://www.mamicode.com/*.js"></SCRIPT>
调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址! - 广告JS代码效果大全 ~~~~~~~~~~
4.[浮动对联广告---之左侧代码]
如果您想只有一侧显示的话,下面是实现左侧效果所需代码:
[ 5.背投广告]View Code1 var ad_float_left_src ="http://www.mamicode.com/图片地址"; 2 var ad_float_left_url ="地址"; 3 var ad_float_left_type = ""; 4 document.ns = navigator.appName == "Microsoft Internet Explorer" 5 6 var imgheight_close 7 var imgleft 8 window.screen.width>800 ? imgheight_close=120:imgheight_close=120 9 window.screen.width>800 ? imgleft=8:imgleft=12210 function myload()11 {12 myleft.style.top=document.body.scrollTop+document.body.offsetHeigh13 t-imgheight_close;14 myleft.style.left=imgleft;15 leftmove();16 }17 function leftmove()18 {19 myleft.style.top=document.body.scrollTop+document.body.offsetHeigh20 t-imgheight_close;21 myleft.style.left=imgleft;22 setTimeout("leftmove();",50)23 }24 25 function MM_reloadPage(init) { //reloads the window if Nav426 resized27 if (init==true) with (navigator) {if ((appName=="Netscape")&&28 (parseInt(appVersion)==4)) {29 document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;30 onresize=MM_reloadPage; }}31 else if (innerWidth!=document.MM_pgW || innerHeight!32 =document.MM_pgH) location.reload();33 }34 MM_reloadPage(true)35 36 function close_float_left(){37 myleft.style.visibility=‘hidden‘;38 }39 40 document.write("<div id=myleft style=‘position:41 absolute;width:80;top:300;left:5;visibility: visible;z-index: 1‘>"42 +"<style>"43 +"A.closefloat:link,A.refloat:visited {text-44 decoration:none;color:#000000;font-size:12px}"45 +"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"46 +"</style>"47 +"<table border=0 cellpadding=0 cellspacing=0><tr><td>");48 49 if(document.ns){50 if(ad_float_left_type!="swf")51 document.write("<a href=http://www.mamicode.com/‘" + ad_float_left_url + "‘ target52 = ‘_blank‘><img src=http://www.mamicode.com/‘" + ad_float_left_src + "‘ WIDTH=8853 height=31 border=0></a>");54 else55 document.write("<EMBED src=http://www.mamicode.com/‘" + ad_float_left_src + "‘56 quality=high WIDTH=80 HEIGHT=80 TYPE=‘application/x-shockwave-57 flash‘ id=changhongout ></EMBED>");58 59 document.write("</td></tr><tr><td width=80 height=2060 align=right><a href=‘javascript:close_float_left( target=_blank);void(0);‘61 class="closefloat"><b><font color=#ff0000>关闭</font></b></a></td></tr>"62 +"</table>"63 +"</div>");64 65 myload()}
调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!相应的参数可以根据页面自行调整View Code1 <script language="javascript"> 2 <!-- 3 var sohu=window.open(‘http://www.sohu.com‘); 4 var ads=window.open(‘about:blank‘,‘ads‘,‘width=700,height=400‘); 5 sohu.focus(); 6 ads.document.open(); 7 ads.document.write ("<html><head><title>ads</title></head><body>This is background ads</body></html>"); 8 ads.document.close(); 9 //-->10 </script>11 12 13 14 [ 6.收缩广告]15 16 <script language="javascript">17 <!--18 var bwidth=800;19 var bheight=400;20 function go() {21 bwidth = bwidth - 10;22 bheight = bheight - 5;23 if(bwidth <= 10)24 { ads.style.display=‘none‘;clearTimeout("my"); }25 else26 { ads.outerHTML=‘<span id="ads" style="width:‘+bwidth+‘px;height:‘+bheight+‘px;"></span>‘;}27 var my=setTimeout("go()",50);28 }29 setTimeout("go()",6000);30 //-->31 </script>32 <body topmargin="0" leftmargin="0">33 <div align="center"><span id="ads" style="width:800px;height:400px;background-color:#0099FF"></span></div>34 </body>35 36 ******************************************************************************37 把上面的代码另存为三个*.JS文件,然后在想实现此效果的页面用38 39 CODE:40 <script src="http://www.mamicode.com/*.js"></SCRIPT>
- js幻灯片播放器~~~~~~~~~~View Code
1 var _c = 0; 2 var _i = 0; 3 var _v = 0; 4 var _l = 0; 5 var _sf = 3000; 6 var _html = null; 7 var _image = null; 8 var _mycars= new Array(); 9 var _w = new Array(); 10 var _h = new Array(); 11 12 function adRotator() {} 13 14 function adRotator.add(p,w,h) 15 { 16 _mycars[_c] = p; 17 _w[_c] = w; 18 _h[_c] = h; 19 _c = _c + 1; 20 } 21 22 /* 播放设置 */ 23 function adRotator.loads() 24 { 25 if (_i < _mycars.length && _l < 1) 26 { 27 _html = ‘<img src="http://www.mamicode.com/‘ + _mycars[_i] + ‘" width="‘ + _w[_i] + ‘" height="‘ + _h[_i] + ‘" style="border:1px solid #CCCCCC;">‘ 28 if (_v < 1) 29 { 30 document.getElementById(‘image‘).value = http://www.mamicode.com/_html + ‘,‘ + _i; 31 document.getElementById(‘rotatorPlayer‘).innerHTML = _html; 32 _i = _i + 1; 33 document.getElementById(‘backs‘).disabled=‘‘; 34 window.setTimeout("adRotator.loads("+_i+")",_sf); 35 } 36 } 37 else 38 { 39 _html = ‘<img src="http://www.mamicode.com/‘ + _mycars[_i] + ‘" width="‘ + _w[_i] + ‘" height="‘ + _h[_i] + ‘" style="border:1px solid #CCCCCC;">‘ 40 document.getElementById(‘image‘).value = http://www.mamicode.com/_html + ‘,‘ + _i; 41 document.getElementById(‘rotatorPlayer‘).innerHTML = _html; 42 } 43 if (_i+1 > _mycars.length) 44 { 45 document.getElementById(‘stops‘).disabled=‘True‘; 46 document.getElementById(‘play‘).disabled=‘‘; 47 document.getElementById(‘backs‘).disabled=‘‘; 48 document.getElementById(‘next‘).disabled=‘True‘; 49 _i = 0; 50 _v = 1; 51 } 52 } 53 54 /* 播放 */ 55 function adRotator.play() 56 { 57 _v = 0; 58 _l = 0; 59 adRotator.loads(); 60 } 61 62 /* 下一张 */ 63 function adRotator.next() 64 { 65 _l = 1; 66 if(_i+1 < _mycars.length) 67 { 68 _i = _i + 1; 69 document.getElementById(‘play‘).disabled=‘‘; 70 document.getElementById(‘stops‘).disabled=‘True‘; 71 document.getElementById(‘backs‘).disabled=‘‘; 72 adRotator.loads(); 73 } 74 else 75 { 76 document.getElementById(‘next‘).disabled=‘True‘; 77 } 78 } 79 80 /* 上一张 */ 81 function adRotator.backs() 82 { 83 _l = 1; 84 if(_i-1 < 0) 85 { 86 document.getElementById(‘backs‘).disabled=‘True‘; 87 } 88 else 89 { 90 _i = _i - 1; 91 document.getElementById(‘play‘).disabled=‘‘; 92 document.getElementById(‘stops‘).disabled=‘True‘; 93 document.getElementById(‘next‘).disabled=‘‘; 94 adRotator.loads(); 95 } 96 } 97 98 /* 间隔时间 */ 99 function adRotator.set()100 {101 var _sfc = document.getElementById(‘second‘).value;102 if (isInteger(_sfc))103 {104 _sf = _sfc * 1000;105 }106 else107 {108 alert(‘提示:只能输入数字!‘);109 document.getElementById(‘second‘).value=http://www.mamicode.com/1;110 document.getElementById(‘second‘).select();111 }112 }113 114 /* 字符检测 */115 function isInteger(str)116 { 117 var regu = /^[-]{0,1}[0-9]{1,}$/;118 return regu.test(str);119 }120 121 /* 暂停 */122 function adRotator.stops()123 {124 _v = 1;125 }126 127 /* 添加图片,还要加的话注意图片名字就好了,后面400,300是大小 */128 adRotator.add("1.jpg",400,300);129 adRotator.add("2.jpg",400,300);130 adRotator.add("3.jpg",400,300);131 132 133 把以上文件存为一个JS文件134 135 在下面文件中引用即可136 137 <style type="text/css">138 <!--139 body { font-size:12px;140 }141 input {142 border-right: #7b9ebd 1px solid;143 padding-right: 2px;144 border-top: #7b9ebd 1px solid;145 padding-left: 2px;146 font-size: 12px;147 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);148 border-left: #7b9ebd 1px solid;149 cursor: hand;150 color: black;151 padding-top: 2px;152 border-bottom: #7b9ebd 1px solid;153 }154 button {155 border-right: #7b9ebd 1px solid;156 padding-right: 2px;157 border-top: #7b9ebd 1px solid;158 padding-left: 2px;159 font-size: 12px;160 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);161 border-left: #7b9ebd 1px solid;162 cursor: hand;163 color: black;164 padding-top: 2px;165 border-bottom: #7b9ebd 1px solid;166 }167 -->168 </style>169 <script language="javascript" src="http://www.mamicode.com/test.js">170 </script>171 172 173 <body >174 <div id="rotatorPlayer"></div>175 176 177 178 <input type="button" name="play" value="http://www.mamicode.com/开始播放" disabled="True"/>179 <input type="button" name="stops" value="http://www.mamicode.com/暂停" />180 <input type="button" name="backs" value="http://www.mamicode.com/上一张" disabled="true"/>181 <input type="button" name="next" value="http://www.mamicode.com/下一张" /> 182 <input type="text" id="second" value="http://www.mamicode.com/3" size="3" maxlength="2">183 秒184 <input type="button" value="http://www.mamicode.com/设置时间" />185 186 187 188 <input name="image" type="text" size="65"/>
一个非常棒的播放器,可惜如果图片是非常大的话,那结果有点惨! - _________________________________________________________________
(1)拖拽访问
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
.sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
.sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
<p style="page-break-after:always">page1</p>
<p style="page-break-after:always">page2</p>
<p style="page-break-after:always">page2</p>
<meta name="ROBOTS" content="属性值">
其中属性值有以下一些:
属性值为"all": 文件将被检索,且页上链接可被查询;
属性值为"none": 文件不被检索,而且不查询页上的链接;
属性值为"index": 文件将被检索;
属性值为"follow": 查询页上的链接;
属性值为"noindex": 文件不检索,但可被查询链接;
属性值为"nofollow":
其中属性值有以下一些:
属性值为"all": 文件将被检索,且页上链接可被查询;
属性值为"none": 文件不被检索,而且不查询页上的链接;
属性值为"index": 文件将被检索;
属性值为"follow": 查询页上的链接;
属性值为"noindex": 文件不检索,但可被查询链接;
属性值为"nofollow":
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value=http://www.mamicode.com/"Minimize"></object>
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value=http://www.mamicode.com/"Maximize"></object>
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value=http://www.mamicode.com/"Close"></OBJECT>
<input type=button value=http://www.mamicode.com/最小化 onclick=min.Click()>
<input type=button value=http://www.mamicode.com/最大化 onclick=max.Click()>
<input type=button value=http://www.mamicode.com/关闭 onclick=close.Click()>
<param name="Command" value=http://www.mamicode.com/"Minimize"></object>
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value=http://www.mamicode.com/"Maximize"></object>
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value=http://www.mamicode.com/"Close"></OBJECT>
<input type=button value=http://www.mamicode.com/最小化 onclick=min.Click()>
<input type=button value=http://www.mamicode.com/最大化 onclick=max.Click()>
<input type=button value=http://www.mamicode.com/关闭 onclick=close.Click()>
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
<input type=button value=http://www.mamicode.com/导入收藏夹 onclick="window.external.ImportExportFavorites(true,‘http://localhost‘);">
<input type=button value=http://www.mamicode.com/导出收藏夹 onclick="window.external.ImportExportFavorites(false,‘http://localhost‘);">
<input type=button value=http://www.mamicode.com/整理收藏夹 onclick="window.external.ShowBrowserUI(‘OrganizeFavorites‘, null)">
<input type=button value=http://www.mamicode.com/语言设置 onclick="window.external.ShowBrowserUI(‘LanguageDialog‘, null)">
<input type=button value=http://www.mamicode.com/加入收藏夹 onclick="window.external.AddFavorite(‘http://www.google.com/‘, ‘google‘)">
<input type=button value=http://www.mamicode.com/加入到频道 onclick="window.external.addChannel(‘http://www.google.com/‘)">
<input type=button value=http://www.mamicode.com/加入到频道 onclick="window.external.showBrowserUI(‘PrivacySettings‘,null)">
<input type=button value=http://www.mamicode.com/导出收藏夹 onclick="window.external.ImportExportFavorites(false,‘http://localhost‘);">
<input type=button value=http://www.mamicode.com/整理收藏夹 onclick="window.external.ShowBrowserUI(‘OrganizeFavorites‘, null)">
<input type=button value=http://www.mamicode.com/语言设置 onclick="window.external.ShowBrowserUI(‘LanguageDialog‘, null)">
<input type=button value=http://www.mamicode.com/加入收藏夹 onclick="window.external.AddFavorite(‘http://www.google.com/‘, ‘google‘)">
<input type=button value=http://www.mamicode.com/加入到频道 onclick="window.external.addChannel(‘http://www.google.com/‘)">
<input type=button value=http://www.mamicode.com/加入到频道 onclick="window.external.showBrowserUI(‘PrivacySettings‘,null)">
<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf(‘.‘)<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData(‘text‘).match(/\D/)" ondragenter="return false">
常用JS技巧[转]
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。