前端设计常用Javascript语句
作为一名前端,除了熟悉HTML+CSS本领外,还需要具有一定的编写Javascript能力,最近都一直关注和学习这一方面的知识,下面是一些比较基础的Javascript。希望对大家在学习Javascript有一些帮助。
1.document.write( " "); 输出语句
 2.JS中的注释为//
 3.传统的HTML文档顺序是:document- >html- >(head,body)
 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document)
 5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value)
 6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById( "input ").value.toUpperCase();
 7.JS中的值类型:String,Number,Boolean,Null,Object,Function
 8.JS中的字符型转换成数值型:parseInt(),parseFloat()
 9.JS中的数字转换成字符型:( " " 变量)
 10.JS中的取字符串长度是:(length)
 11.JS中的字符与字符相连接使用 號.
 12.JS中的比较操作符有:==等于,!=不等于, >, >=, <. <=
 13.JS中声明变量使用:var来进行声明
 14.JS中的判定语句结构:if(condition){}else{}
 15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
 16.循环中止的命令是:break
 17.JS中的函数定义:function functionName([parameter],...){statement[s]}
 18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
 20.状態栏的设置:window.status= "字符 ";
 21.弹出提示信息:window.alert( "字符 ");
 22.弹出確认框:window.confirm();
 23.弹出输入提示框:window.prompt();
 24.指定当前显示链接的位置:window.location.href= "URL "
 25.取出窗体中的所有表单的数量:document.forms.length
 26.关闭文档的输出流:document.close();
 27.字符串追加连接符: =
 28.创建一个文档元素:document.createElement(),document.createTextNode()
 29.得到元素的方法:document.getElementById()
 30.设置表单中所有文本型的成员的值为空:
 var form = window.document.forms[0]
 for (var i = 0; i 
  if (form.elements.type == "text "){
 form.elements.value = " ";
 }
 }
 31.复选按钮在JS中判定是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length
 33.单选按钮组判定是否被选中也是用checked.
 34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来確定被选中的值)
 35.字符串的定义:var myString = new String( "This is lightsword ");
 36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
 37.返回字符串2在字符串1中出现的位置:String1.indexOf( "String2 ")!=-1则说明没找到.
 38.取字符串中指定位置的一个字符:StringA.charAt(9);
 39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
 40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回 value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n 1))返回隨机数
 41.定义日期型变量:var today = new Date();
 42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置 月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置 分,dateObj.setSeconds(val)设置秒 [注重:此日期时间从0开始计]
 43.FRAME的表示方式:[window.]frames[n].ObjFuncVarName,frames["frameName "].ObjFuncVarName,frameName.ObjFuncVarName
 44.parent代表父亲对象,top代表最顶端对象
 45.打开子窗口的父窗口为:opener
 46.表示当前所属的位置:this
 47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名
 48.在老的浏览器中不执行此JS: 
 
