`

一些比较实用的javascript方法

JavaScriptFirefoxOperaIESafari 
阅读更多
动态加载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("&copy; " + 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>



分享到：
| javacript实现根据选择不同国家选择显示不 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript方法和技巧大全

    这篇文章主要聚焦于JavaScript的一些基本方法和实用技巧，旨在帮助无论是初学者还是有一定经验的开发者提升JavaScript技能。 首先，创建JavaScript脚本块是通过`&lt;script&gt;`标签实现的，其中`language="JavaScript"`...

    Effective JavaScript 编写高质量JavaScript代码的68个有效方法1

    总的来说，《Effective JavaScript》提供了对JavaScript深入理解的宝贵资源，通过68个具体的方法，它不仅揭示了语言的复杂性，还给出了实用的建议，帮助开发者写出更健壮、更高效的代码。这本书适合所有层次的...

    JavaScript实用例子

    这个压缩包中的JavaScript实用例子很可能会涵盖以上提到的一些或所有知识点。对于初学者来说，通过实际操作这些示例，可以更好地理解和运用JavaScript，提升编程技能。在学习过程中，结合实践不断试验和调试代码，是...

    javascript实用方法总结

    　本章没有深奥的讲解js一些底层原理，比如this指针、作用域、原型啦，涉及的都是一些有利于平时开发时简化代码，提高执行效率，或者说可以当做一种经验方法来使用，篇幅都不长，小步快跑的让你阅读完整篇文章，体验...

    JavaScript的一些实用技巧

    在JavaScript的世界里，掌握一些实用技巧可以极大地提高开发效率和用户体验。以下是一些JavaScript的实用技巧，它们涵盖了页面交互、安全控制、用户操作等多个方面： 1. **禁用鼠标右键菜单**：通过`oncontextmenu`...

    JavaScript实用小函数(一)

    这篇博客"JavaScript实用小函数(一)"可能涵盖了JavaScript基础以及一些实用技巧，虽然具体细节未在描述中给出，但我们可以根据常见的话题进行深入探讨。本文将主要围绕JavaScript中的函数、面向对象编程以及多态性来...

    非常实用的JavaScript全套帮助文档

    用户可以通过这个文件快速查找JavaScript内置对象、函数、方法和语法，同时可能还涵盖了错误处理、事件处理、DOM操作等内容，对于开发者来说，是一个不可多得的工具。 另一方面，`JavaScript课件.exe`可能是一个...

    javascript实用教材

    此外，它还提供了多种方法来与用户交互，如`alert()`显示警告对话框，`confirm()`显示确认对话框，以及`document.write()`用于动态创建页面内容。 在JavaScript中，变量是存储数据的容器，它们可以保存在执行脚本时...

    JavaScript实用的一些技巧

    以下是一些JavaScript实用技巧的详细解释： 1. `oncontextmenu` 事件：通过设置 `oncontextmenu="window.event.returnValue=false"`，可以禁止用户在网页元素上使用鼠标右键菜单，例如表格（`&lt;table&gt;`）中的数据。 ...

    Javascript 实用小技巧

    在本篇标题为“Javascript实用小技巧”的文章中，作者分享了一系列实用的JavaScript代码片段，旨在帮助学习JavaScript的人士掌握一些提高编程效率的技巧。文章内容涉及了JavaScript的Function对象的apply和call方法...

    javascript 的一些实例，很实用的哦，400个左右

    下面，我们将深入探讨JavaScript的一些核心知识点，以及如何利用这些实例进行学习。 1. **变量和数据类型**：JavaScript支持七种数据类型，包括基本类型（如字符串、数字、布尔值、null和undefined）和引用类型...

    阿赖实用javascript控件程序

    "阿赖实用javascript控件程序"可能是一个包含了一系列用于简化网页开发的JavaScript库或者组件集合。这些控件可能涵盖了表单处理、数据展示、用户界面元素等多个方面，旨在提高开发效率和用户体验。 在JavaScript中...

    js实例js实例

    这个“js实例”压缩包提供了一些通用的JS方法示例，帮助开发者理解和应用这些常见功能。 首先，我们来看"追加字符串"。在JavaScript中，字符串是不可变的，这意味着一旦创建，就不能改变。因此，追加字符串通常涉及...

    javascript实用范例辞典（附书代码）

    JavaScript实用范例辞典是一本面向初学者的编程书籍，主要涵盖了JavaScript这门重要的Web开发语言的各种实用示例。这本书的附带代码提供了丰富的实践素材，帮助读者更好地理解和掌握JavaScript的核心概念与技术。 ...

    为JavaScript中的String添加一些常用方法

    总结来说，这篇博客探讨了如何通过扩展JavaScript的String.prototype来增加自定义方法，例如`reverseWords`、`isPalindrome`和`repeatTimes`，这些都是非常实用的功能。通过这种方式，开发者可以根据项目的具体需求...

    JavaScript实用技巧集锦

    这个名为“JavaScript实用技巧集锦”的压缩包，显然是一份汇集了多种JavaScript高效编程技巧的资源。它旨在帮助开发者提升代码质量、提高开发效率，并解决实际开发过程中遇到的问题。下面我们将详细探讨一些可能包含...

    javascript常用函数 javascript 常用库

    在`common.base.js`这样的文件中，通常会包含一些常见的公共方法，比如通用的DOM操作、数据处理、网络请求封装等。这些方法可以被项目中的其他代码复用，减少代码重复，提高代码质量。例如，可能有一个`addClass`...

Magicbox
Global site tag (gtag.js) - Google Analytics