当前位置: 代码迷 >> JavaScript >> 惯用JavaScript大全
  详细解决方案

惯用JavaScript大全

热度:131   发布时间:2012-07-02 17:46:22.0
常用JavaScript大全

常用JavaScript大全
2010年11月11日
  1.document.write(""); 输出语句
  2.JS中的注释为//
  3.传统的HTML文档顺序是:document->html->(head,body)
  4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
  5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或&#118alue)
  6.一个小写转大写的&#106s: document.getElementById("output").&#118alue = document.getElementById("input").&#118alue.toUpperCase();
  7.JS中的值类型:String,Number,Boolean,Null,Object,Function
  8.JS中的字符型转换成数值型:parseInt(),parseFloat()
  9.JS中的数字转换成字符型:(""+变量)
  10.JS中的取字符串长度是:(length)
  11.JS中的字符与字符相连接使用+号.
  12.JS中的比较操作符有:==等于,!=不等于,>,>=,
  49.引用一个文件式的&#106s:
  50.指定在不支持脚本的浏览器显示的HTML:
  51. 当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
  52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function, Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
  53.JS中的换行:\n
  54. 窗口全屏大小:function fullScreen(){ this.moveTo(0,0); this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;
  55.JS中的all代表其下层的全部元素
  56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
  57.innerHTML 的值是表单元素的值:如"how are you",则innerHTML的值就是:how are you
  58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.
  59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
  60.isDisabled判断是否为禁止状态.disabled设置禁止状态
  61.length取得长度,返回整型数值
  62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
  63.window.focus()使当前的窗口在所有窗口之前.
  64.blur()指失去焦点.与FOCUS()相反.
  65.select()指元素为选中状态.
  66.防止用户对文本框中输入文本:onfocus="this.blur()"
  67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
  68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
  69.状态栏文字的设置:window.status=’文字’,默认的状态栏文字设置:window.defaultStatus = ’文字.’;
  70.添加到收藏夹:external.AddFavorite("http://www.5s51.com/");
  71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
  72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
  73.JS中的self指的是当前的窗口
  74.JS中状态栏显示内容:window.status="内容"
  75.JS中的top指的是框架集中最顶层的框架
  76.JS中关闭当前的窗口:window.close();
  77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
  78.JS中的窗口重定向:window.navigate("http://www.5s51.com/";;);
  79.JS中的打印:window.print()
  80.JS中的提示输入框:window.prompt("message","defaultReply");
  81.JS中的窗口滚动条:window.scroll(x,y)
  82.JS中的窗口滚动到位置:window.scrollby
  83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
  84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
  85.JS 中的退出之前使用的句柄:function verifyClose(){event.return&#118alue= "we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
  86.当窗体第一次调用时使用的文件句柄:onload()
  87.当窗体关闭时调用的文件句柄:onunload()
  88.window.location 的属性: protocol(http:),hostname(http://www.5s51.com/),port(80),host (www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)
  89.window.location.reload()刷新当前页面.
  90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
  91.document.write()不换行的输出,document.writeln()换行输出
  92.document.body.noWrap=true;防止链接文字折行.
  93.变量名.charAt(第几位),取该变量的第几位的字符.
  94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
  95.字符串连接:string.concat(string2),或用+=进行连接
  96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
  97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
  98.string.match(regExpression),判断字符是否匹配.
  99.string.replace(regExpression,replaceString)替换现有字符串.
  100.string.split(分隔符)返回一个数组存储值.
  101.string.substr(start[,length])取从第几位到指定长度的字符串.
  102.string.toLowerCase()使字符串全部变为小写.
  103.string.toUpperCase()使全部字符变为大写.
  104.parseInt(string[,radix(代表进制)])强制转换成整型.
  105.parseFloat(string[,radix])强制转换成浮点型.
  106.isNaN(变量):测试是否为数值型.
  107.定义常量的关键字:const,定义变量的关键字:var
  -------------
  108.获取访问者的url:request.getHeader("Referer");
  -------------
  静态页面取得Url参数值
  function requestQueryStr(paraName){
  var pageUrl;
  var urlPara;
  var urlParaName;
  var urlParaValue;
  pageUrl=document.location;
  pageUrl=pageUrl.toString();
  urlPara=pageUrl.split("?");
  urlPara=urlPara[1];
  urlPara=urlPara.split("&");
  for(i=0;i
  window.location.href="login.jsp?backurl="+window.location.href;
  
  第二种:
  
  alert("返回");
  window.history.back(-1);
  
  第三种:
  
  window.navigate("top.jsp");
  
  第四种:
  
  self.location='top.htm';
  
  第五种:
  
  alert("非法访问!");
  top.location='xx.jsp';
  
  ------------------------------
  JS获取请求页的URL地址,并对其参数进行解析
  
  function GetArgsFromHref(sHref, sArgName) {
  var args = sHref.split("?");
  var retval = "";
  if(args[0] == sHref) {
  return retval;
  }
  var str = args[1];
  args = str.split("&");
  for(var i = 0; i
  
  
  
  
  
  
  var the_url=document.location.href;
  var id=GetArgsFromHref(the_url, "id");
  document.write('');
  
  
  
  
  ----------------
  JS取地址栏(URL)的参数
  var url = window.location.href //获取当前URL
  var param = url.split("?")[1].split("=")[1];//取得参数
  if(param == 6) {
  var hideEle = document.getElementById("你要隐藏的对象的id"); //获得你要隐藏的对象
  hideEle.setAttribute("className", "hide"); //隐藏
  }else {
  var hideEle = document.getElementById("你要隐藏的对象的id"); //获得你要隐藏的对象
  hideEle.setAttribute("className", "show"); //显示
  }
  页面上需要定义css style:
  .hide{
  display: none;
  }
  .show{
  display: block;
  }
  &&&&&&&&&&&&&&&&&&
  比如 index.asp?id=xxx&name=xxx
  怎么用Javascript怎么能取到id的name的值呢?
  方法一:
  
  function getvalue(name){
  var str=window.location.search;
  if (str.indexOf(name)!=-1){
  var pos_start=str.indexOf(name)+name.length+1;
  var pos_end=str.indexOf("&",pos_start);
  if (pos_end==-1){
  return str.substring(pos_start);
  }else{
  return str.substring(pos_start,pos_end)
  }
  }else{
  return "没有这个name值";
  }
  }
  var strName=prompt("请输入您所要值的名字");
  alert(getvalue(strName));
  
  方法二:
  在eWebEditor在线编辑器里是这样处理的,给你参考一下:
  var URLParams = new Array();
  var aParams = document.location.search.substr(1).split('&');
  for (i=0; i
  Request = {
  QueryString : function(item){
  var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
  return svalue ? svalue[1] : svalue;
  }
  }
  alert(Request.QueryString("id"));
  
  -------------------------
  js截取字符串
  
  function filename(){
  var a= document.location.href;
  var n1=a.lastIndexOf('/')+1   
  var n2=a.lastIndexOf('.')
  a=a.substring(n1,n2)
  alert(a); 
  }
  filename()
  
  ...将取出当前地址文件的名字,不带后缀
  //a.lastIndexOf(\'/\')   从右向左取出第一个“/”的位置,也可以写成a.lastIndexOf(\'/\',0)第二个参数0,表示从左端0位置算起。第二个参数不写默认为0
  //另外一个函数就是indexOf(\'/\',0),是从左向右查找。 第二个参数0,表示从左端0位置算起
  ------------------------
  jsp 利用js自动刷新页面
  
  
  
  --------------------------
  js获取URL地址某个参数数据
  function closeThis()
  {
  var paraName = URL_Request("UploadPanelName");
  var cm=window.parent.document.getElementById(paraName);
  if (cm.style.visibility=="visible")
  {
  cm.style.visibility = "hidden";
  }
  }
  function URL_Request(strName)
  {
  var strHref = document.location.toString();
  var intPos = strHref.indexOf("?");
  var strRight = strHref.substr(intPos + 1);//==========获取到右边的参数部分
  var arrTmp = strRight.split("&");//=============以&分割成数组
  for(var i = 0; i
  相关解决方案