1、思维导图
2、创建html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="js/js_index1.js"></script>
</head>
<body>
<p onclick="sysTest()">点点我</p>
</body>
</html>
js_index.html
3、创建外部js文件
// 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