JS基础知识

来源：互联网发布：mac mini 2017 编辑：程序博客网时间：2024/06/10 03:05

刚学习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.按钮点击弹出信息：onclick="alert(' ')"

2.确认框：confirm(" ")

3.页面加载时：onload="myfunction()"

4.下拉框或者字符改变时：onchange="myfuncion"

5.点击鼠标和松开鼠标：onmousedown="mDown()" onmouseup="mUp()"

6.鼠标放到元素上和离开元素时：onmouseover="mOver()" onmouseout="mOut()"

0 0