刚学习JS,做点总结,怕自己忘记,有些对错自己都分不清。。。希望看到的人指出来,谢谢!
一、JS的引用:
内部引用:在<head>或<body>处添加<script>function myfunction(){ }<script>即可//带参数的方法,一般在()中加个this
外部引用:在<head>处添加<script scr="***.js"></jscript>即可
二、各种小细节:
1.直接在页面上输出信息:document.write(" "); 若在页面加载完后再执行这条消息,它将覆盖整个页面
2.根据ID或NAME得到单个元素的值或内容:document.getElementById("").value|| innerHTML 或 document.getElementByName("").value||innerHTML
3.改变标题内容:document.title="";
4.改变网页背景色等:document.bgColor=red;
5.数据有多种类型:undefined(未定义的)、Number、function等;都可以用typeof(x)来检测出数据类型
6.一般来说加var定义的变量时局部变量,不加的就是全局变量
7.js中可以用\实现换行,但也不能随意添加\
8.js中也可以捕获错误信息:添加try{} catch(){} ,用firebug可以调试,很实用
9.var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth; - 得到浏览器窗口的内部高度
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight; - 得到浏览器窗口的内部宽度(同时适合任何浏览器)
10. A.var obj = ( ); //错误,代码无法执行
B.var obj = [ ]; //定义空的数组
C.var obj = { }; //定义一组对象
D.var obj = / /; // / /内是正则对象的写法
11.赋值:var x,y=null; //结果是x=undefined,y=null
alert(x=y);//把y赋值给x,并弹出
12.
document.myform.selCity.options.length=0;//清除原有的下拉选项
var index=document.getElementById('Select').selectedIndex //读取下拉框索引值
var value=document.getElementById('Select').options[index].value //读取值
var text=document.getElementById('Select').options[index].text //读取文本
三、方法、检测
1.检测src中是否有匹配“”内的字符:element.scr.match("");
2.检测字符x是否是数字:isNaN(x);
3.创建cars数组:var cars=new Array(); 然后可以赋值cars[0]="1" ,也可以直接创建并赋值 var cars =new Array("1","2");
4.创建对象:person=new Object(); 添加属性:person.name="1"; 对象 的寻址方式有2种:name=person.name || name=person["name"];
5.很多和C#类似:字符串长度:x.length;转成大写:x.toUpperCase();截取字符串:x.substr(0,1);
6.创建获取时间的对象:var dt=new Date(); dt.getFullYear()
7.创建块和节点:
var para=document.createElement("p");
var node=document.createTextNode("");
para.appendChild(node)//将node内容添加都节点para中
var element =document.getElementById("div");
element.appendChild(para);
同理:删除用removeChild
8.window窗口:打开新窗口:window.open(); 关闭窗口:window.close();
移动窗口:window.moveTo(); 调整窗口尺寸:window.resizeTo();
9.实现浏览器点击后退按钮功能:history.back(); || javascript:history.go(-1); 前进是:history.forward();
10.读取x字符串中第i+1的字符:x.charAt(i);
11.用于检测一个字符串是否匹配某种正则x,返回值为bool型:x.test(str);
12.去随机数:Math.floor(x)//返回小于x的整数
Math.random()//到0<x<1的随机数
13.设定时间延迟:setTimeout("function()",time) //可实现计时,但是并不很准确
结束计时:clearTimeout(element); 设置flag=0,通过改变flag=1和0实现计时的停与开
14.用新的字符替代旧的:str.replace(/old/,"new");
四、各类事件
1.按钮点击弹出信息:οnclick="alert(' ')"
2.确认框:confirm(" ")
3.页面加载时:οnlοad="myfunction()"
4.下拉框或者字符改变时:οnchange="myfuncion"
5.点击鼠标和松开鼠标:οnmοusedοwn="mDown()" οnmοuseup="mUp()"
6.鼠标放到元素上和离开元素时:οnmοuseοver="mOver()" οnmοuseοut="mOut()"