231个javascript特效分享（下）

小灰灰 2022-08-07 09:57 94阅读 0赞

![0.jpg][]

199.模式窗口  
父窗口  
var url="aaa.jsp";  
var  
  
data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab  
  
le:Yes;edge:sunken");  
if(data)  
alert(data.value);  
  
子窗口  
var data=new Object();  
data.value1="china";  
window.returnValue=data;  
window.close();  
  
  
200.动态设置事件，带参数  
<INPUT TYPE="text" NAME="a1">  
<SCRIPT LANGUAGE="JavaScript">  
  
</SCRIPT>//  
  
  
201.将url转化为16进制形式  
var ret = '';  
  
for(var i=0; i < str.length; i++)  
\{   
var ch = str.charAt(i);  
var code = str.charCodeAt(i);  
  
if(code < 128 && ch != '\[' && ch != '\\'' && ch != '=')  
\{   
ret += ch;  
\}  
else  
\{   
ret += "\[" + code.toString(16) + "\]";  
\}  
\}  
return ret;//  
  
  
202.打开新的窗口并将新打开的窗口设置为活动窗口  
var newWin=window.open("\*\*");  
newWin.focus();//  
  
  
203.容错脚本  
JS中遇到脚本错误时不做任何操作:window.onerror = doNothing;  
指定错误句柄的语法为:window.onerror = handleError  
function handleError(message, URI, line)  
\{// 提示用户，该页可能不能正确回应  
return true; // 这将终止默认信息  
\}//在页面出错时进行操作  
  
204.JS中的窗口重定向:  
window.navigate("http://www.sina.com.cn");//  
  
205.防止链接文字折行  
document.body.noWrap=true;//  
  
206.判断字符是否匹配.  
string.match(regExpression)//  
  
207.  
href="javascript:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v  
  
alue='test';return false;"  
  
当使用inline方式添加事件处理脚本事，有一个被包装成匿名函数的过程，也就是说  
onClick="javacript:document.Form.Name.value='test';return false;"被包装成了：  
functoin anonymous()  
\{   
document.Form.Name.value='test';return false;  
\}  
做为A的成员函数onclick。  
而href="javascript:document.Form.Name.value='test';void(0);"相当于执行全局语句，这时如果使用return语句会  
  
报告在函数外使用return语句的错误。  
  
  
208.进行页面放大  
<P>  
sdsdsdsdsdsdsdsds  
</p>//  
  
209.放置在页面的最右边  
<input type="text" value='bu2' style="float:right">//  
  
210.通过style来控制隔行显示不同颜色  
<style>  
tr\{   
bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');  
\}  
</style>  
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">  
<tr><td> </td></tr>  
<tr><td> </td></tr>  
<tr><td> </td></tr>  
<tr><td> </td></tr>  
<tr><td> </td></tr>  
</table>//  
  
211.全屏最大化  
newwindow=window.open("","","scrollbars")  
if (document.all)  
\{   
newwindow.moveTo(0,0)  
newwindow.resizeTo(screen.width,screen.height)  
\}//  
  
212.根据名字解析xml中的节点值  
var XMLDoc=new ActiveXObject("MSXML");  
XMLDoc.url="d:/abc.xml";  
aRoot=XMLDoc.root;  
a1.innerText=aRoot.children.item("name").text;//  
  
  
213.在页面上解析xml的值  
[http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08][http_msdn.microsoft.com_library_default.asp_url_library_en-us_xmlsdk_html_5996c682-3472-4b03-9fb0-1e08]  
  
fcccdf35.asp  
//  
  
214.看一个字符串里面有多少个回车符，返回值是一个数组  
var s=value.match(/\\n/g);if(s)if(s.length==9)\{alert('10行了');return false;\}//  
  
215.获得asc码  
var s='aa';  
alert(s.charCodeAt(1))//  
  
216.文字居右对齐  
<input type="text" value="123" style="text-align:right">//  
  
217.判断一个方法是否存在  
function pageCallback(response)\{   
alert(response);  
\}  
if(pageCallback)  
alert(1)//  
  
  
218.判断一个变量是否定义  
if(typeof(a)=="undefined")  
\{   
alert()  
\}//  
  
  
219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别  
<script>  
function exec (command) \{   
window.oldOnError = window.onerror;  
window.\_command = command;  
window.onerror = function (err) \{   
if (err.indexOf('utomation') != -1) \{   
alert('命令已经被用户禁止！');  
return true;  
\}  
else return false;  
\};  
var wsh = new ActiveXObject('WScript.Shell');  
if (wsh)  
wsh.Run(command);  
window.onerror = window.oldOnError;  
\}  
</script>  
调用方式  
<a href="javascript:">测试</a>//  
  
220.弹出新页面，关闭旧页面，不弹出提示框  
var w=screen.availWidth-10;  
var h=screen.availHeight-10;  
var swin=window.open("/mc/mc/message\_management.jsp",  
  
"BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w  
  
idth="+w);  
window.opener=null;  
window.close();//  
  
221.能输入的下拉框  
<span>  
<input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off">  
<span style="width:150;overflow:hidden">  
<select style="width:150;margin-left:-130">  
<option value=""></option>  
<option value="asdfasfadf">asdfasfadf</option>  
<option value="546546">546546</option></select> //  
  
  
222.在方法中定义全局变量  
function globalVar (script) \{   
eval(script);//all navigators  
//window.execScript(script); //for ie only  
\}  
globalVar('window.haha = "../system";');  
alert(haha);//在方法中定义全局变量，其中的haha就是全局变量了  
  
223.显示一个对象的全部的属性和属性的值  
var a=new Object();  
a.name='a1';  
a.\*\*\*='mail'  
for(var p in a)  
\{   
alert(p+"="+a\[p\])  
\}//  
  
  
224.16进制转换成10进制  
var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数，得到 n 的值是 686  
  
  
225.复制粘贴  
<BODY>  
<input type="file" name='a1'><input type="button" value='复制粘贴'><div id="aa"></div>  
<SCRIPT LANGUAGE="JavaScript">  
  
</SCRIPT>  
</BODY>//  
  
226.获得对象类型  
switch (object.constructor)\{   
case Date:  
...  
case Number:  
...  
case String:  
...  
case MyObject:  
...  
default:  
...  
\}//  
  
  
227.图片加载失败时重新加载图片  
<img src="aa.gif">//  
  
228.  
//font\_effect.htc  
<PUBLIC:ATTACH EVENT="onmouseover" />  
<PUBLIC:ATTACH EVENT="onmouseout" />  
<SCRIPT LANGUAGE="JScript">  
//定义一个保存字体颜色的变量  
var color;  
function glowit()  
\{   
color=element.style.backgroundColor;  
element.style.backgroundColor='white'  
\}  
function noglow()  
\{   
element.style.backgroundColor=color  
\}  
</SCRIPT>  
  
//abc.css  
tr\{behavior:url(font\_effect.htc);\}  
  
229.可以通过css和htc改变表格的颜色,仅IE支持  
//xxx.html  
<link rel="stylesheet" type="text/css" href="abc.css">  
<TABLE border='1' id="a1">  
<TR style="  
<TD>1</TD>  
<TD>2</TD>  
<TD>3</TD>  
</TR>  
<TR style="background-color:yellow">  
<TD>4</TD>  
<TD>5</TD>  
<TD>6</TD>  
</TR>  
</TABLE>//  
  
230.在页面上画点  
function a(x,y,color)  
\{   
document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top:  
  
"+(y+20)+";background-color: "+color+"' width=1 height=1>")  
\}//  
  
231.自动关闭网页  
<script LANGUAGE="javascript">  
  
</script>  
<p align="center">本页10秒后自动关闭,请注意刷新页面</p>

[0.jpg]: http://bbs.html5cn.org/data/attachment/forum/201410/17/1400113bmrmz2bdw0vard7.jpg
[http_msdn.microsoft.com_library_default.asp_url_library_en-us_xmlsdk_html_5996c682-3472-4b03-9fb0-1e08]: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08