您的位置:首页 > Web前端 > JavaScript

1、JavaScript基础

2016-06-12 21:45 513 查看
1、思维导图

// JavaScript Document
//加载事件=java的main方法
window.onload=function(){
//1.调用验证数据类型的函数
//datatype();

//2.String类型变量的属性和方法
//stringMethod();
//3.数组的使用
// arrayTest();
//4.String转换为各种类型
// sysTest();

}
//4.String转换为各种类型
function sysTest(){
//var num1=prompt("1:");
//var num2=prompt("2:");
//var num11=parseInt(num1);
//var num22=parseInt(num2);
var num="12a";
//  alert(parseInt(num));

var num2="12.5.1a";
alert(parseFloat(num2));

}
//3.数组的使用
function arrayTest(){
//3.1 定义数组
var  str=new Array(4);

//3.2 为数组赋值
str[0]=4;
str[1]=2;
str[2]=3;
str[3]=1;

//3.3 获取某个索引下标的值
document.write(str[1]+"</br>");

//3.4 循环打印
for(var i=0;i<str.length;i++){
document.write(str[i]);
}

document.write("</br>");
//3.5边定义边赋值
var strarr=new Array("a","b","c");
for(var i in strarr){
document.write(strarr[i]);
}

document.write("</br>");

//3.6 数组的方法
document.write(strarr.join("-"));

document.write("</br>");

//3.7数组排序
str.sort();
for(var i=0;i<str.length;i++){
document.write(str[i]);
}

}
//2.String类型变量的属性和方法
function stringMethod(){
var str="a,b,c,d,e,f,g,h,i";
//2.1求得字符串的长度
document.write("abcdefghi字符串的长度:"+str.length+"</br>");

//2.2将字符串转换为大写
document.write("abcdefghi转换为大写:"+str.toUpperCase()+"</br>");

//2.3将字符串转换为小写
document.write("abcdefghi转换为大写:"+str.toLowerCase()+"</br>");

//2.4 返回字符串指定字符
document.write("abcdefghi返回索引3的字符"+str.charAt(3)+"</br>");

//2.5 查找字符串是否包含指定字符
document.write("abcdefghi查找d字符"+str.indexOf("d")+"</br>");

//2.6 截取字符(包头不包尾)
document.write("abcdefghi查找d字符"+str.substring(1,6)+"</br>");

//2.7 截取字符(开始位置,长度)
document.write("abcdefghi查找d字符"+str.substr(0,5)+"</br>");

//2.8 将字符串拆分成数组
var strarray=str.split(",");
//循环遍历
document.write("循环遍历");
for(var i in strarray){
document.write(strarray[i]);
}

}

//1.定义无返回值无参数的函数(方法)
function datatype(){
//输出语句=System.out.print(“aaa”);
var str="Hello World!";
document.write("<h3>Hello World!数据类型:"+typeof(str)+"</h3>");
var num1=11;
document.write("11数据类型:"+typeof(num1)+"</br>");
var num;
document.write("没有赋值数据类型:"+typeof(num)+"</br>");
var str1=num;
document.write("null数据类型:"+typeof(str1)+"</br>");
var str2=true;
document.write("true数据类型:"+typeof(str2)+"</br>");

var date=new Date();
document.write("Date数据类型:"+typeof(date)+"</br>");
}


js_index.js
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: