关于页面在浏览器端多个问题的处理(javascript)

以下大多是javascript控制页面操作的方法。


18、控制页面元素的class属性。
使用点号控制可以适合IE6，FF2，FF3。
代码如下：
alert(this.className);
-------------------------------------------------
17、当div被select影响时，要在div显示的相同位置放置一个iframe，并用zIndex使iframe在div的下面即可。代码如下
var boardDivObj=document.createElement("div");//放置要显示的div,iframe的容器。
boardDivObj.setAttribute("id","boarddiv");
//设置显示的位置参数
boardDivObj.style.width="194px";
boardDivObj.style.height="122px";
boardDivObj.style.marginTop="-510px";
boardDivObj.style.marginLeft="100px";
boardDivObj.style.position="absolute";

var conDivObj=document.createElement("div");
conDivObj.style.zIndex=100;//必须写
conDivObj.style.width=boardDivObj.style.width;//必须写
conDivObj.style.height=boardDivObj.style.height;//必须写
conDivObj.style.top="0px";//必须写
conDivObj.style.left="0px";//必须写
conDivObj.style.position="absolute";//必须写
conDivObj.style.backgroundColor="#FFFFFF";

var backif=document.createElement("iframe");
backif.style.width=boardDivObj.style.width;
backif.style.height=boardDivObj.style.height;
backif.style.top="0px";//必须写
backif.style.left="0px";//必须写
backif.style.position="absolute";//必须写
backif.style.zIndex=conDivObj.style.zIndex-1;//必须写
backif.frameBorder="0";
backif.src="about:blank";
boardDivObj.appendChild(conDivObj);
boardDivObj.appendChild(backif);
document.getElementById(relaObjId).appendChild(boardDivObj);//relaObjId为放置在页面时所属的父元素ID
--------------------------------------------------------------------------------
14、javascript对话框的处理showmodeldialog
以下对IE和FF和区分指的是IE6和FF2，在FF3中已经支持showmodeldialog，效果和在IE6中相同，不用再单独写处理代码。
showmodeldialog只能在IE中使用，FF是不支持的。在showmodeldialog弹出的对话框中写表单时，如果使用服务器控件方式，会提交时再弹出一个窗口。所以为了避免弹出窗口，
在showmodeldialog中的表单不使用服务器控件实现，使用常规的html表单提交方式，在对应的代码文件中写提交后的处理代码。同时还要对页面中的from标签的设置进行修改，首
先在head中的javascript脚本中设置window.name的值（用字符串指定一个名字），然后在from的属性中去掉action，加上target="***"，***就是对window.name指定的名字。这样
在对话框中提交表单就不会出现弹出窗口的问题。在提交完表单后，如果要关闭对话框，只要用javascript的window.close()就可以关闭了。对在FF中的对话框，因为不支持
showmodeldialog，所以只能用window.open。但效果是一样的，表单提交的代码和页面上修改都是相同的，所以只要在打开对话框时判断浏览器，用两种不同的方式打开浏览器就
可以了。其它地方的代码是一样的，不用调整。
--------------------------------------------------------------------------
13、由后台代码先页面添加js数组，以传递数据。
Dim csarr As ClientScriptManager = Page.ClientScript
Dim arrstr As String = "" '数据用逗号 , 分隔的数组字符串表示
csarr.RegisterArrayDeclaration("realcountdata", arrstr)
----------------------------------------------------------------------------
12、网页定时刷新内容
设置的链接地址可以是当前页面，页面会被完全刷新，不会有缓存问题。
<meta http-equiv="refresh" content="5;url='default.aspx'"/>
5表示时间间隔，单位是秒。url表示要刷新的页面名。
---------------------------------------------------------------------------
11、javascript中eval()
用于执行由js写成的代码。
--------------------------------------------------------------------------
10、javascript控制DOM中元素的style。
在DOM中控制style，必须直接对属性进行控制，直接操作属性，不能使用简称。属性名区分大小写。setAttribute方法存在浏览器兼容问题，不能确定其适用范围。
例：element.style.borderColor表示边框颜色。
--------------------------------------------------------------------------
9、javascript验证邮箱格式的正则表达式
var flagstr=/[a-zA-Z_0-9]{1,}@[a-zA-Z_0-9]{1,}/.{1}[a-zA-Z]{1,}/;
flagstr.test(string);
-----------------------------------------------------------------------------
8、要在showmodaldialog的javascript对话框的自身关闭按钮中添加处理过程。
方法是在对话框的所在页面的添加window.onunload()=function (){}。就可以在对话框被自身的窗口关闭按钮关闭时执行添加的过程。
-----------------------------------------------------------------------------
7、在操作DOM时，对table标签的子结点操作是不能直接控制tr的，table下是tbody，然后才是tr，最后是td。否则直接控制tr时，只有FF有效，IE是无效的。
---------------------------------------------------------------------------
4、javascript复制生成的代码：
//同时支持IE6和FF2
function copyToClipboard()
{var ha_txt="";
var divobj=document.getElementById("cou_id");
divobj.focus();
divobj.select();//选中文本
ha_txt=document.selection.createRange().text//只兼容IE
if (window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", ha_txt);
alert('复制代码成功！');
} else if (navigator.userAgent.indexOf("Opera") != -1) {
window.location = ha_txt;
} else if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("你使用的FireFox浏览器,复制功能未打开！/n请在浏览器地址栏输入“about:config”并回车。/n然后将“signed.applets.codebase_principal_support”
双击，设置为“true”");
return;
}
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext = ha_txt; str.data = copytext;
trans.setTransferData("text/unicode", str, copytext.length * 2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip) return false;
clip.setData(trans, null, clipid.kGlobalClipboard);
alert('复制代码成功！');
return ;
}
}


以上内容中如有版权问题，本人会及时删除。