`

一些比较实用的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中的一些常用的实用法，供大家参考

    javascript实用方法总结

    本文这里给大家总结了一些常用的javascript方法，都是些短小精悍的小代码，提高执行效率，这里推荐给大家。

    function:锻炼思维小能手：实现一些JavaScript常见实用的方法

    _fn锻炼思维小能手，实现一些JavaScript常见实用方法，命名都是下划线开头，表示非官方方法，代码里面都有注释讲解，便于参考学习。内置方法斑点方法实用方法算法性能优化Vue模拟实现执照 ，持续更新。

    NingArray宁数组一些实用的基于ES6的自定义数组方法

    Ning·Array(宁·数组)，一些实用的基于ES6的自定义数组方法

    简练实用的JavaScript+经典代码大全

    列举了JavaScript中常用语句的使用技巧和一些方法的灵活运用,言简意赅,突出重点,也可作工具书查阅,是十分不错的学习资料,推荐给大家~~~~~

    javaScript精粹

    《JavaScript 精粹》主要介绍JavaScript应用中一些常见的问题及其解决方法，从最基础的数字、字符串、数组到进阶的DOM、表单验证、cookie，再到较为高级的Ajax，书中均有涉及。《JavaScript 精粹》覆盖现在非常流行...

    个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节

    主要介绍了个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节,本文讲解了变量转换、取整同时转换成数值型、日期转数值、类数组对象转数组、进制之间的转换等方法技巧,需要的朋友可以参考下

    超实用的JavaScript代码段 附使用方法

    本文为大家整理了5段实用JavaScript代码，便于大家进行开发。 1. 判断日期是否有效 JavaScript中自带的日期函数还是太过简单，很难满足真实项目中对不同日期格式进行解析和判断的需要。JQuery也有一些第三方库来使...

    《JavaScript 语言参考》中文版(CHM).rar

    欢迎使用 JScript 语言参考 这些方便实用的信息将帮助您了解 JScript 的各个部分。 在“字母顺序的关键字列表”中，可以...学习一些语句、仔细研究方法、或了解一些函数。您会发现 JScript 语言的功能是多么强大！

    JavaScript权威指南-David Flanagan

    还包括详细的参考手册，涵盖了JavaScript的核心API、遗留的客户端API和W3C标准DOM API，记述了这些API中的每一个JavaScript对象、方法、性质、构造函数、常量和事件处理程序。讲的尚算详细全面，结尾附的参考手册很...

    kmath:JavaScript数值数学实用程序

    kmath使您可以自然地编写基于矢量，点，线或射线的数学，并且还具有一些实数实用程序方法，如果您正在编写大量使用Javascript的应用程序，这些方法可能会很有用。 kmath强调所提供接口的简单性和互操作性。 所有...

    utils:我JavaScript实用程序

    JavaScript实用程序 这些是我在不同项目中使用的一些JavaScript实用工具。 如果您也想使用它们，则非常欢迎。 您可以通过以下方式安装软件包： npm install @noeldemartin/utils帮手我在项目中重复使用了很多帮手，...

    built-ins-workshop:JavaScript的“标准库”的实用知识，将使您使用JavaScript更有效率

    规范（JavaScript实现用于为JavaScript创建运行时所使用的标准）中指定了许多内置对象，我们将在本研讨会中介绍最实用的对象（以及属性/方法）。 车间工作流程 该研讨会的工作流程非常简单，并基于Make It Stick...

    实用Javascript调试技巧分享(小结)

    下面我就分享一些实用且聪明的调试技巧，希望能让大家调试自己代码的时候更加从容自信。 1. 不要使用alert 首先，alert只能打印出字符串，如果打印的对象不是String，则会调用toString()方法将该对象转成字符串...

    一些相见恨晚的 JavaScript 技巧

    本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句 JavaScript 可以使用简略语句快速创建对象和数组，比如下面的代码： 代码如下: var car = new Object(); car.colour = ‘red’; car....

    基于 javascript 的网页制作源程序

    本书作者根据实践经验，结合大量实例，介绍了HTML语言各个标记的用法，CSS的样式定义的方法，以及动态网页中所要用到的JavaScript语言。在讲解时对每个操作过程的每个步骤都有详细说明，并配有适量的图形，以方便...

    javascript实现点击后变换按钮显示文字的方法

    主要介绍了javascript实现点击后变换按钮显示文字的方法,可实现显示一些按钮如果点击了,按钮文本变为“点了”,其他按钮文本变为“没点”的效果,非常具有实用价值,需要的朋友可以参考下

    -JavaScript-Workshop：一种学习JavaScript的新型交互式方法

    是实用的学习JavaScript的权威指南。 从JavaScript的核心语法和结构开始，本书逐渐建立起更高级的概念，例如服务器端开发和功能编程。 有了本书，您将有信心应对任何现实JavaScript挑战。 您将学到什么 编写干净，...

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