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

1、JavaScript基础的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇（0）:开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇（3）：Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. python——爬虫

    网络爬虫(又被称为网页蜘蛛,网络机器人,在FOAF社区中间,更经常的称为网页追逐者),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本.另外一些不常使用的名字还有蚂蚁.自动索引.模拟程序或者蠕 ...

  2. CentOS+OpenCV图像的读入、显示

    以管理员身份运行su root输入密码 定位到自己的桌面目录 gedit 1.cpp 编辑内容 #include<opencv2/opencv.hpp>using namespace cv ...

  3. 运行机制和JVM

    Java代码编译后生成一种与平台无关的字节码(也就是class文件).当然,这种字节码不是可执行的,必须使用Java解释器来解释执行. 负责解释执行字节码文件的是Java虚拟机,即JVM.JVM是可运 ...

  4. Eclipse 使用简记

    Eclipse 使用简记 本文针对 Eclipse Neon (4.6)版本进行说明,具体而言是 Eclipse IDE for Java EE Developers . 下载 Eclipse ecl ...

  5. 【IIS】windows2008 ii7 设置访问网站提示帐号密码登录

    3个步骤: 1.添加windows身份验证: windows2008默认是不启用的,需要我们自己去启动,在管理工具 - 服务器管理- 角色 ,拉下去,下面有个[添加角色服务],安全性- Windows ...

  6. Qt 学习笔记

    继承自QObject 的Qt类都具有支持信号和槽的能力,并且在子类的实现代码中直接使用connect()函数 pwdLineEdit->setEchoMode(QLineEdit::Passwo ...

  7. [NYLG-OJ] 77 开灯问题（白书例题）

    #include<stdio.h> int main() { int a[1010]={0}; //储存灯的开闭情况 int n,k,i,j; scanf("%d%d" ...

  8. C++友元

    通过friend关键字,我们可以将不属于当前类的一个函数在当前类中加以声明,该函数便可以成为当前类的友元函数. 例1: #include<iostream>using namespace ...

  9. js常用语句写法

    1.for语句 for(var i = 0; i<6; i++) //0,1,2,3,4,5

  10. 移动端rem适配问题

    将下面这段代码,放在头部的script标签里,可解决字体适配问题 比例是28px = 1rem function __setFontSize__(){document.documentElement. ...