`
heichong
  • 浏览: 45777 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript学习

阅读更多
0.链接css文件和js文件    
<link rel="stylesheet" href="../css/style.css" type="text/css">    
<script language="javascript" src="../includes/jslib.js" ></script> 

1.关闭输入法    
   
 <input style="ime-mode:disabled"> 

2.光标是停在文本框文字的最后    
   
<script language="javascript">    
function cc()    
{    
   var e = event.srcElement;    
   var r =e.createTextRange();    
   r.moveStart('character',e.value.length);    
   r.collapse(true);    
   r.select();    
}    
</script>    
<input type=text name=text1 value="123" onfocus="cc()">   

 3.最小化、最大化、关闭窗口    
   
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
<param name="Command" value="Minimize"></object>    
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
<param name="Command" value="Maximize"></object>    
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">    
<PARAM NAME="Command" VALUE="Close"></OBJECT>    
   
<input type=button value=最小化 onclick=hh1.Click()>    
<input type=button value=最大化 onclick=hh2.Click()>    
<input type=button value=关闭 onclick=hh3.Click()>    
本例适用于IE    

4. 检查一段字符串是否全由数字组成    
   
<script language="Javascript">
<!--    
function checkNum(str){return str.match(/\D/)==null}    
// -->
</script>   

5. 获得一个窗口的大小    
   
document.body.clientWidth,document.body.clientHeight

6. 各种样式的光标    
   
auto :标准光标    
default :标准箭头    
hand :手形光标    
wait :等待光标    
text :I形光标    
vertical-text :水平I形光标    
no-drop :不可拖动光标    
not-allowed :无效光标    
help :?帮助光标    
all-scroll :三角方向标    
move :移动标    
crosshair :十字标    
e-resize    
n-resize    
nw-resize    
w-resize    
s-resize    
se-resize    
sw-resize  

7.让TEXTAREA自适应文字的行数    
   
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

8. 日期减去天数等于第二个日期    
<script language="javascript">    
	function cc(dd,dadd)    
	{    
	//可以加上错误处理    
	   var a = new Date(dd)    
	   a = a.valueOf()    
	   a = a - dadd * 24 * 60 * 60 * 1000    
	   a = new Date(a)    
	   alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")    
	}    
	cc("12/23/2002",2)    
</script>

9.ENTER键可以让光标移到下一个输入框    
   
<input onkeydown="if(event.keyCode==13)event.keyCode=9">    


10.常用的正则表达式    
   
匹配中文字符的正则表达式: [\u4e00-\u9fa5]    
匹配双字节字符(包括汉字在内):[^\x00-\xff]    
匹配空行的正则表达式:\n[\s| ]*\r    
匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/    
匹配首尾空格的正则表达式:(^\s*)|(\s*$)    
匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*    
匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?    
   
(1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)            
    String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}    
   
(2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现    
   String.prototype.trim = function()    
   {    
      return this.replace(/(^\s*)|(\s*$)/g, "");    
   }    
(3)应用:利用正则表达式分解和转换IP地址    
   function IP2V(ip) //IP地址转换成对应数值    
   {    
      re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式    
      if(re.test(ip))    
      {    
         return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1    
      }    
      else   
      {    
         throw new Error("Not a valid IP address!")    
      }    
   }    
(4)应用:从URL地址中提取文件名的javascript程序    
   s="http://www.9499.net/page1.htm";    
   s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2") ; //Page1.htm    
(5)应用:利用正则表达式限制网页表单里的文本框输入内容    
   用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"   
   用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"   
   用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"   
   用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 


11.判断是否是整数    
function IsNum(s)  //整数    
{    
   if(s=="null"||s=="undefined"||s.length<1)    
      return false;    
   if(isNaN(parseInt(s)))    
      return false;    
   else   
   if((parseInt(s)+"").length!=s.length)    
      return false;    
   else   
      return true;    
}    
   
function IsNumber(JudgeNum){  //判断大于0的数    
   var JudgeStr=JudgeNum.toString();    
   for (var i=0;i<JudgeStr.length;i++) {    
      var oneChar=JudgeStr.charAt(i);    
   
      if (oneChar<"0" || oneChar >"9"){    
         return false;    
      }    
   }    
   return true;    
}  


12.打开没有最大化按钮的窗口    
window.open("http://www.google.com","","width=250,height=220,scrollbars=no,resizable=no,center=yes");    

13.层的隐藏与显示    
   
   只要设置层的style的display属性即可。 
   比如<div style="display:none" id="divTest">隐藏的层</div>    
   如果要显示它可以通过脚本来控制。例如divTest.style.display = "";  
   或者  window.document.getElementById("MyDiv").style.display = "";  


14.禁止右键    
   
<body oncontextmenu="return false"> 


15.得到当前显示器的分辨率    
   
window.srceen.width 得到屏幕的宽度    
window.srceen.height 得到屏幕的高度   

16.定时运行特定代码    
   
setTimeout(Code,Timeout);   是从现在算起多少微秒后运行该代码(只运行一次)    
setInterval(Code,Timeout);  是每隔多少微秒运行一次代码    
Code是一段字符串,里边是js代码,Timeout是时间间隔,单位是微秒    
   
<input name="txtTimer" value="10秒">    
<SCRIPT LANGUAGE="javascript">    
<!--    
    waitTime=10000; //10 秒    
    timer=setInterval("OnTimer()",1000);    
   
    function OnTimer(){    
        waitTime=waitTime-1000;    
        if(waitTime==0){    
            window.close();    
        }    
        txtTimer.value=waitTime/1000+"秒";    
    }    
//-->    
</SCRIPT>  

17.得到本页网址    
   
var Url = window.location.href; 


18.IE地址栏前换成自己的图标
 <link rel="Shortcut Icon" href="favicon.ico"> 



分享到:
评论

相关推荐

    JavaScript学习指南 高清 PDF

    这份"JavaScript学习指南"高清PDF,无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面,我们将深入探讨JavaScript的一些关键知识点。 1. **基础语法**:JavaScript的基础包括变量、...

    JavaScript学习(一)

    JavaScript学习(一) JavaScript是一种广泛应用于网页和网络应用的脚本语言,由 Netscape 的 Brendan Eich 在1995年发明。它主要用于客户端的网页交互,赋予网页动态功能,如响应用户操作、处理数据、与服务器通信...

    非常全面的JavaScript学习资料

    这份"非常全面的JavaScript学习资料"压缩包,包含了11个深入学习JavaScript的文件,旨在为学习者提供一个详尽且丰富的学习路径。 1. **基础概念**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、...

    JavaScript学习指南

    JavaScript学习指南 JavaScript,一种广泛应用于网页和网络应用的脚本语言,是互联网上最流行的编程语言之一。它主要用于客户端的交互式网页开发,也可以在服务器端通过Node.js平台进行后端开发。JavaScript与Java...

    JavaScript学习指南带书签PDF

    本书“JavaScript学习指南”旨在帮助初学者和有经验的开发者深入理解和掌握JavaScript的核心概念和技术。 首先,JavaScript在网页中的主要作用是处理用户交互、操作DOM(文档对象模型)、进行AJAX(异步JavaScript...

    JavaScript学习指南 源代码

    本“JavaScript学习指南”源代码包含了深入理解并掌握JavaScript编程的关键知识点。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、...

    JavaScript学习资料全面整理

    本资源包"JavaScript学习资料全面整理"显然是为了帮助初学者和进阶者深入理解这门语言,包含了各种资源,下面将对JavaScript的一些关键知识点进行详细阐述。 1. **基础概念**:JavaScript是一种解释型、弱类型、...

    JavaScript学习PPT(适合初学者)

    这份"JavaScript学习PPT"是专为初学者设计的,旨在帮助他们掌握JavaScript的基础概念和核心技能。 首先,JavaScript的核心构成包括变量、数据类型、控制结构、函数和对象。变量是存储数据的地方,JavaScript支持...

    JavaScript学习指南 第3版

    JavaScript学习指南(第3版)》系统地介绍了JavaScript的基本语法、基本对象、调试工具与排错技术、事件处理机制、浏览器对象模型/文档对象模型(BOM/DOM)等方面的知识,并通过一个复杂的示例深入探讨了Ajax应用。...

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...

    JavaScript学习指南 第3版.pdf

    JavaScript学习指南第三版,学习JavaScript的同学欢迎来下载

    javascript学习资料(ppt+代码)

    在“javascript学习资料(ppt+代码)”这个压缩包中,我们可以期待找到一系列关于JavaScript的学习资源,包括PPT演示文稿和实际的代码示例。PPT通常会包含JavaScript的基础概念、语法特性、函数、对象、数组、循环、...

    PHP、MySQL与JavaScript学习手册 第4版

    《PHP、MySQL与JavaScript学习手册 第4版》是一本针对初学者和进阶者全面讲解这三种技术的权威指南。本书旨在帮助读者掌握Web开发的核心技能,通过理论结合实践,深入理解PHP、MySQL和JavaScript之间的协作关系,...

    史上最全的JavaScript学习资料

    这个压缩包中的“史上最全的JavaScript学习资料”显然包含了一系列丰富的资源,旨在帮助学习者深入理解和掌握JavaScript。 JavaScript最初由Netscape公司的Brendan Eich设计,目的是为了解决网页动态交互的问题,使...

    Javascript学习资料

    这份"Javascript学习资料"包含了对这门语言深入理解和实践的关键知识点。 标题中的"Javascript学习资料"表明这是一个针对初学者或者希望提升技能的开发者的学习资源集合。其中包含了一本名为"10步学习 JavaScript....

    JavaScript学习资料大全

    JavaScript学习资料大全,包括《JavaScript实例》、《JavaScript教程》、《Javascript语言教程》、《JavaScript技术讲座》、《Javascript源码大全1.0版》、《javascript教程.chm》、《JavaScript源代码集》、...

    JavaScript学习帮助文档_JavaScript学习帮助文档_javascript_

    这份"JavaScript学习帮助文档"是专为初学者设计的,旨在帮助他们掌握JavaScript的基础知识和实际应用技巧。 首先,JavaScript的基本语法是学习的起点。它是一种基于原型的、动态类型的、弱类型的脚本语言。这意味着...

    javascript学习资料

    这份"javascript学习资料"包含的JavaScript1.ppt、JavaScript2.ppt、JavaScript3.ppt三个文件,很可能是系列讲座或教程的课件,它们会详细讲解JavaScript的基本概念、语法和常见应用。 首先,JavaScript的基础部分...

Global site tag (gtag.js) - Google Analytics