javascript语言基础
组成:基础语言;Bom;Dom;
script标签
javascript代码必须放在script标签中
script标签可以放在html 的任何地方,一般放在head标签中
多个标签采用顺序执行
采用外部的js文件;src=“文件的路径”
注释
//单行
/多行注释/
变量
声明变量var可有可无现在已经无所谓
var x=10;
变量名:开头_$字母;其他部分可加数字
调试办法
alert调试
alert(1)进行调试;如果这行代码之前的都没有发生错误那么就会弹出一个对话框里面的内容是1
采用浏览器的console控制台输出错误和调试信息
console.log()操作,不同于alert(1)产生弹窗;本身他把错误信息输出在console里面不会影响用户的使用
基本数据类型
undifined
一个变量被声明了,但没有被赋值
布尔
boolean值:true;false
数字
在JavaScript中数字有十进制,八进制,十六进制,整数,浮点数,科学计数法
所有的定义一般都用var直接将你想要的数字赋值;不需要别的哦
var a=10;b=012;(0开头是八进制数);c=0xA(0x开头是十六进制数)
有小数点就是浮点数,用e表示科学计数法
字符串
Javascript没有单引号和双引号的区别都可以表示字符串
动态类型
一个变量的值是动态的是可以变得不需要是固定的个一个类型,可以来回切换
变量类型判断
使用typeof来判断变量的类型
声明未赋值undefined
整数number
浮点数number
true:boolean
字符串string
类型的转换
伪对象
javascript语言;变量也是个对象所以计算字符串长度的时候简单多了直接调用对象那个中的方法;a.length
转换为字符串
number以及boolean类型可以直接转换成字符串运用a.toString方法
数字转换成字符串有默认模式和基模式
tostring();默认转换成十进制数字
tostring(2,8,16);转换成2进制;8进制;16进制;
转换为数字
内置函数:parseInt()和paresfloat
大写的i
转化字符串成数字;
- 字符串有数字和字母:定位数字发现一个字母时就停止
- 只有数字就转换成数字
- 只有字母就不NaN(表示没有数字)
转换成boolean
用Boolean("");
以上都是真的
number()和parseint
number只要包含非数字就会返回NaN
parseint()如果开头有数字会返回开头的数字
string和tostring
string可以返回null
函数
function hanshumingzi(canshu)
{
document.write(“canshu”)
}
调用函数:hanshumingzi(1);
作用域
参数之作用在那个一个函数中
全局变量作用在所有
事件
鼠标点击事件
创建一个按钮,点击οnclick=“调用的函数名字()”,调用函数;函数内部是alert
运算逻辑符
你都会了
+的多态
当两边都是数字的时候 ,表现为算数运算符 当任意一边是字符串的时候,表现为字符串连接符
逻辑运算符
==/</>/!=/…
返回值boolean类型
1==‘1’true值相等
1==='1’false类型不同;绝对等于
条件语句
if(){}
else if(){}
else
swich(day)
{
case 0:
today=“zhouyi”;
break;
}
循环语句
错误处理
调用不存在的函数:中断执行后面的代码就不会执行了
try catch
捕捉存在的错误,让后续的代码继续执行
try{
f2();函数是不存在的
}
catch(err)
{
捕捉错误
输出err.message;
}
对象
数字
创建一个数字对象
var x= new number(123);
数字对象拥有更多的属性和方法
最值(边界)
number.MIN_VALUE
Number.MAX_VALUE
NaN不是一个数字;不能通过判断是否相等;
通过函数isNaN()判断不是一个数字
返回数字的小数表达
toFixed(x)返回一个数字的小数表达;保留数字的x位小数
字符串
创建:
var y=new string("");
字符串的长度
y.length
返回指定位置的字符
y.charAt(0)获取0位置的字符
y.charCodeAt(0)获取0位置的unicode码(国际统一码)
字符串的拼接
x=new String("");y=new String("");x.concat(y);
子字符串出现的位置
x.indexOf(“aaa”);x.lastindexOf(“aaa”);子字符串第一次、最后一次出现的位置
比较两段字符串是否相同
localeCompare();x.localeCompare(y);
0表示相等1表示字母顺序靠后-1表示字母顺序靠前
截取一段子字符串
x.subString(0,3);截取012位置
根据分隔符把字符串转换成数组
x = hello this is javascript
y=x.split(" ");y = hello,this,is,javascript
z=x.split(" ",2);z=hello,this(这里的分隔符是空格,2表示保留两个)
替换子字符串
replace(search,replacement)
一般的默认只找到第一个就停止了;要全部找到
x.replace(/a/g,“o”);或者是
var M=new RegExp(“a”,“g”);
x.replace(M,“o”);
数组
创建
x=new Array();空数组
x=new Array(5);长度为5
x=new Array(1,2,3,4);用数组内容创建
获取长度
x.length
遍历数组
普通for循环
增强for循环
for(i in x){ //for in 循环
p(x[i]);
}
for(i in x)
{
document.write(“x[i]”);
}
连接数组
x.concat(y);
通过指定的分隔符返回一个数组的字符串表达
x内容是3,1,4
y=x.join();y是一个string;是3,1,4默认是,
z=x.join("@");z:3@1@4
插入获取数据
在末尾:x.push(5);x.pop()入栈出栈
在开头:x.unshift(5);x.shift();
排序
x.sort();默认从小到大
x.sort(comparator);
function comparator(v1,v2){
return v2-v1//从大到小
}
日期
math函数
自定义对象
var hero = new Object()
hero.kill = function(){
}自定义函数
hero.kill();调用函数
function heri(name){
this.name=name
this.kill=function(){
XXX
}
}
var garden = new hero(garden);
hero.prototype.keng=function(){}
prototype在hero中创建一个新的调用
BOM
WINDOW窗口
window.innerWidth文档显示区域宽度
window.innerHeight高度
window.outerWidth浏览器的宽度高度
打开一个新窗口
function openNewWindow(){
myWindow=window.open("/");
}
NAVIGATOR浏览器
一些浏览器的相关信息
navigator.appName
…
SCREEN客户端屏幕
HISTORY访问历史
history.back返回上过一次
history.go(-2)返回上上次
LOCATION浏览器地址
location.reload重新刷新页面
location="/“或者location.assign(”/");
弹出框
警告window.alert(“XXX”)
确认confirm(“XXX”)
输入prompt(“XXX”)
计时器
宽度
window.innerHeight高度
window.outerWidth浏览器的宽度高度
打开一个新窗口
function openNewWindow(){
myWindow=window.open("/");
}
NAVIGATOR浏览器
一些浏览器的相关信息
navigator.appName
…
SCREEN客户端屏幕
HISTORY访问历史
history.back返回上过一次
history.go(-2)返回上上次
LOCATION浏览器地址
location.reload重新刷新页面
location="/“或者location.assign(”/");
弹出框
警告window.alert(“XXX”)
确认confirm(“XXX”)
输入prompt(“XXX”)
计时器
|