一些比较实用的javascript方法收集，留着有用
动态加载javascript文件 <script type="text/javascript">
//<!--
/*动态加载方法*/
function loadScript(url, callback){
var script = document.createElement("script");
script.type = "text/javascript";
if(script.readyState){
//IE
script.onreadystatechange = function (){
if(script.readyState == "loaded" || script.readyState == 'complete'){
script.onreadystatechange = null;
callback();
}
};
}else{
//其他浏览器
script.onload = function (){
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
};
/*
* 以下代码是先加载jquery-1.5.1.min.js，等待jquery-1.5.1.min.js加载完之后
* 再加载file2.js，以此类推最后加载file3.js
*/
loadScript("js/jquery-1.5.1.min.js", function(){
loadScript("file2.js", function(){
loadScript("file3.js", function(){
alert("All files are loaded!");
});
});
});
//-->
</script> function GetXmlHttpReuqest(){
var xmlHttp=null;
try
{
xmlHttp = new XMLHttpRequest(); //对于firefox chrome等浏览器
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //对于IE浏览器
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
xmlHttp = false;
}
}
} return false;
} //js判断浏览器
<script>
window["MzBrowser"]={};
(function(){
if(MzBrowser.platform) return;
var ua = window.navigator.userAgent;
MzBrowser.platform = window.navigator.platform;
MzBrowser.firefox = ua.indexOf("Firefox")>0;
MzBrowser.opera = typeof(window.opera)=="object";
MzBrowser.ie = !MzBrowser.opera && ua.indexOf("MSIE")>0;
MzBrowser.mozilla = window.navigator.product == "Gecko";
MzBrowser.netscape= window.navigator.vendor=="Netscape";
MzBrowser.safari= ua.indexOf("Safari")>-1;
if(MzBrowser.firefox) var re = /Firefox(\s|\/)(\d+(\.\d+)?)/;
else if(MzBrowser.ie) var re = /MSIE( )(\d+(\.\d+)?)/;
else if(MzBrowser.opera) var re = /Opera(\s|\/)(\d+(\.\d+)?)/;
else if(MzBrowser.netscape) var re = /Netscape(\s|\/)(\d+(\.\d+)?)/;
else if(MzBrowser.safari) var re = /Version(\/)(\d+(\.\d+)?)/;
else if(MzBrowser.mozilla) var re = /rv(\:)(\d+(\.\d+)?)/;
if("undefined"!=typeof(re)&&re.test(ua))
MzBrowser.version = parseFloat(RegExp.$2);
})();
function abc()
{
if(MzBrowser.ie)
{
alert('ie');
}
if(MzBrowser.firefox)
{
alert('firefox');
}
alert(MzBrowser.version);
}
abc();
</script>
</head>
<body>
<hr> <script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
document.write("Browser name: "+ browser);
document.write("<br>");
document.write("Browser version: "+ version);
</script>
<hr> <script type="text/javascript">
document.write("Browser: ");
document.write(navigator.appName + "");
document.write("Browserversion: ");
document.write(navigator.appVersion + "");
document.write("Code: ");
document.write(navigator.appCodeName + "");
document.write("Platform: ");
document.write(navigator.platform + "");
document.write("Cookies enabled: ");
document.write(navigator.cookieEnabled + "");
document.write("Browser's user agent header: ");
document.write(navigator.userAgent + "");
</script>
<hr>
<script type="text/javascript">
var x = navigator
document.write("CodeName=" + x.appCodeName);
document.write("<br>");
document.write("MinorVersion=" + x.appMinorVersion);
document.write("<br>");
document.write("Name=" + x.appName);
document.write("<br>");
document.write("Version=" + x.appVersion);
document.write("<br>");
document.write("CookieEnabled=" + x.cookieEnabled);
document.write("<br>");
document.write("CPUClass=" + x.cpuClass);
document.write("<br>");
document.write("OnLine=" + x.onLine);
document.write("<br>");
document.write("Platform=" + x.platform);
document.write("<br>");
document.write("UA=" + x.userAgent);
document.write("<br>");
document.write("BrowserLanguage=" + x.browserLanguage);
document.write("<br>");
document.write("SystemLanguage=" + x.systemLanguage);
document.write("<br>");
document.write("UserLanguage=" + x.userLanguage);
</script>
<hr>
<!---->
<script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))
{
document.write("Your browser is good enough!");
}else{
document.write("It's time to upgrade your browser!");
}
</script> //始终将divTop置于窗口的顶部
<script type="text/javascript">
<!--
window.onscroll =function(){
var divTop = document.getElementById("divTop");
divTop.style.top = document.body.scrollTop;
}
//-->
</script> //html code
<div id ="divTop" style = "position:absolute; top :0px;right:0px; color:#cccccc; width:100px;height:20px; backgrond-colot:naty;font-size:12px;">divTop</div> <script type="text/javascript">
//<![CDATA[
(function(w){
alert('load start turn.');
})(window); //监听浏览器
var MSG_UNLOAD="确定离开？";
var UnloadConfirm = {}; //启用监听浏览器刷新、关闭的方法
UnloadConfirm.set = function(confirm_msg){
window.onbeforeunload = function(event){
event = event || window.event;
event.returnValue = confirm_msg;
}
} //关闭监听浏览器刷新、关闭的方法
UnloadConfirm.clear = function(){
window.onbeforeunload = function(){};
}
UnloadConfirm.set(MSG_UNLOAD);
//]]-->
</script> //只能输入数字和小数点
function checkkey(value,e){
var key = window.event?e.keyCode:e.which;
if( (key > 95 && key < 106) ||
(key > 47 && key < 60) ||
(key == 110 && value.indexOf(".") < 0 )||
(key == 190 && value.indexOf(".") < 0 )){
}else if(key !=8){
if (window.event) //IE
{
e.returnValue = false; //event.returnValue=false
}
else //Firefox
{
e.preventDefault();
}
}
} /*
* @检查复选框至少选择一项function
* @create 11/29/2010
*/
function check_check(checkname,message,msgid,ML){
var flag;
var checks = document.getElementsByName(checkname);
for(var i=0;i<checks.length;i++){
if(checks[i].checked==true){
flag = true;
return true;
break;
}
}
if(!flag){
//alert(message);
var msgid = document.getElementById(msgid);
var msgObj = document.createElement("div");
msgObj.innerHTML = message;
msgObj.style.marginLeft = ML;
msgObj.style.color = "#f00";
msgid.appendChild(msgObj);
return false;
}
} /**
*iframe自适应高度代码
*
*/
function iFrameHeight(id){
var cwin=document.getElementById(id);
if (document.getElementById)
{
if (cwin && !window.opera){
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight){
cwin.height = cwin.contentDocument.body.offsetHeight;
}
else if(cwin.Document && cwin.Document.body.scrollHeight){
cwin.height = cwin.Document.body.scrollHeight;
}
}else{
if(cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)
cwin.height = cwin.contentWindow.document.body.scrollHeight;//Opera
}
}
} //Simple closure example
var list = document.getElementById('list').getElementsByTagName('li');
for (var i=0; i<list.length; i++)
{
list[i].onclick = (function(n){
return function (){
var li = this.parentNode.getElementsByTagName('li');
alert(li.length);
alert(n);
}
})(i);
} //common javascript code write copyright
copyright=new Date();
update=copyright.getFullYear();
document.write("© " + update + " Artist Rise, All Rights Reserved."); //JS 控制 随滚动条移动的层
<script language="javascript">
var SP = {}; SP.getId = function(id){
return document.getElementById(id);
}; SP.sCenter = function(ele) {
var docEle = document.documentElement,
docBody = document.body,
Ele = SP.getId(ele),
Top = docEle.scrollTop+docBody.scrollTop+(docEle.clientHeight-Ele.offsetHeight)/2,
Left = docEle.scrollLeft+(docEle.clientWidth-Ele.offsetWidth)/2;
console.log(Ele.offsetHeight+','+docEle.clientHeight);
Ele.style.top = Top+"px";
Ele.style.left = Left+"px";
};
SP.sLeftTop = function(ele){
var docEle = document.documentElement,
docBody = document.body,
Ele = SP.getId(ele),
Top = docEle.scrollTop+docBody.scrollTop,
Left = docEle.scrollLeft;
Ele.style.top = Top+"px";
Ele.style.left = Left+"px";
};
SP.sLeftBottom = function(ele) {
var docEle = document.documentElement,
docBody = document.body,
Ele = SP.getId(ele),
Top = docEle.scrollTop+docBody.scrollTop+docEle.clientHeight-Ele.offsetHeight,
Left = docEle.scrollLeft;
Ele.style.top = Top+"px";
Ele.style.left = Left+"px";
};
SP.sRightTop = function(ele){
var docEle = document.documentElement,
docBody = document.body,
Ele = SP.getId(ele),
Top = docEle.scrollTop+docBody.scrollTop,
Left = docEle.scrollLeft+docEle.clientWidth-Ele.offsetWidth;
Ele.style.top = Top+"px";
Ele.style.left = Left+"px";
};
SP.sRightBottom = function(ele) {
var docEle = document.documentElement,
docBody = document.body,
Ele = SP.getId(ele),
Top = docEle.scrollTop+docBody.scrollTop+docEle.clientHeight-Ele.offsetHeight,
Left = docEle.scrollLeft+docEle.clientWidth-Ele.offsetWidth;
Ele.style.top = Top+"px";
Ele.style.left = Left+"px";
}; //init
function init(){
SP.sCenter('redcell');
SP.sLeftTop('redcell2');
SP.sLeftBottom('redcell3');
}; window.onscroll = init;
window.onresize = init;
window.onload = init;
</script>
一些比较实用的javascript方法收集，留着有用的更多相关文章
- 实现同时提交多个form(基础方法) 收集
实现同时提交多个form(基础方法) 收集 分类: 1.2-JSP 1.3-J2EE 1.1J2se 1.0-Java相关2011-12-01 20:59 1644人阅读 评论(0) 收藏 举报 bu ...
- 12个十分实用的JavaScript小技巧
12个非常实用的JavaScript小技巧 在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候 ...
- （C#）asp_net调试错误解决方法收集（１）
(C#)asp_net调试错误解决方法收集(1) 2007-11-2309:20 一.异常详细信息:System.InvalidOperationException:对于不返回任何键列信息的Selec ...
- 33个非常实用的JavaScript一行代码
33个非常实用的JavaScript一行代码 一.日期处理 1. 检察日期是否有效 该方法用于检测给出的日期是否有效: const isDateValid = (...val) => !Numb ...
- 【精心推荐】几款实用的 JavaScript 图形图表库
一款好的图表插件不是那么容易找到的.最近项目里需要实现统计图表功能,所以在网上搜罗了一圈,找到一些不错的图表插件,分享大家.众多周知,图形和图表要比文本更具表现力和说服力.这里给大家精心推荐几款实用的 ...
- 12个实用的 Javascript 奇淫技巧
这里分享12个实用的 Javascript 奇淫技巧.JavaScript自1995年诞生以来已过去了16个年头,如今全世界无数的网页在依靠她完成各种关键任务,JavaScript曾在Tiobe发布的 ...
- 几款实用的 JavaScript 图形图表库
一款好的图表插件不是那么容易找到的.最近项目里需要实现统计图表功能,所以在网上搜罗了一圈,找到一些不错的图表插件,分享大家.众多周知,图形和图表要比文本更具表现力和说服力.这里给大家精心推荐几款实用的 ...
- jQuery基础学习5——JavaScript方法获取页面中的元素
给网页中的所有<p>元素添加onclick事件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN& ...
- ORA-01033: ORACLE initialization or shutdown in progress 实用的处理方法
ORA-01033: ORACLE initialization or shutdown in progress 实用的处理方法,此问题通常是由于电脑非正常关机造成的,我们可以用下面的方法查找出是那个 ...
随机推荐
- js中document.documentElement 和document.body 以及其属性 clientWidth等
在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document .body.scrollTop等属性,但是此属性在xhtml标准 ...
- [转]Spring的IOC原理[通俗解释一下]
1. IoC理论的背景我们都知道,在采用面向对象方法设计的软件系统中,它的底层实现都是由N个对象组成的,所有的对象通过彼此的合作,最终实现系统的业务逻辑. 图1:软件系统中耦合的对象 如果我们打开机械 ...
- digitalocean添加ssh_keys
链接为: https://cloud.digitalocean.com/settings/security
- 4.在二元树中找出和为某一值的所有路径[FindPathsInBinaryTree]
[题目]: 输入一个整数和一棵二元树.从树的根结点开始往下访问一直到叶结点所经过的所有结点形成一条路径.打印出和与输入整数相等的所有路径. 例如输入整数22和如下二元树 10 ...
- KBS2 SBS MBC 高清播放地址 + mplayer 播放 录制
网页flash播放KBS2 SBS MBC时占CPU资源太高,为了解决这个问题可以使用 mplayer播放器直接播放,还可以录制. 播放命令 mplayer http://pull.kktv8.com ...
- codeforces 476B.Dreamoon and WiFi 解题报告
题目链接:http://codeforces.com/problemset/problem/476/B 题目意思:给出两个字符串str1, str2,其中,str1 只由 '+' 和 '-' 组成,而 ...
- 【mysql】执行mysql脚本
来源:http://zhidao.baidu.com/link?url=p78PlTJZlheB4uSKCkmZApg-3qrTIBCS3yI5LbGJLEAnUuO3-4GE6dLqq1LWC_kn ...
- Flesch Reading Ease （poj 3371）
题意: 给出一篇规范的文章,求其 句子数.单词数 和 音节数把这3个值代入题目给出的公式,输出其结果,保留2位小数. 标记单词分隔符: 逗号(,) 和 空格( ) 句子分隔符:句号(.) 问号(?) ...
- 堆的判断（codevs 2879）
2879 堆的判断 时间限制: 1 s 空间限制: 32000 KB 题目等级 : 黄金 Gold 题解 查看运行结果 题目描述 Description 堆是一种常用的数据结构.二叉堆 ...
- /bin/dd if=/path/to/source-file of=/path/to/backup-file
[root@ok virhost]# qemu-img info 05t.img image: 05t.img file format: raw virtual size: 10G (10737418 ...