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. 东秦C#课设002-简单的文本编辑器

    //加入的拖拽属性失败,dropenter声明方法待查. using System; using System.Collections.Generic; using System.ComponentM ...

  2. 使用Egret Conversion 转化as代码到ts代码

    1,转换时,如果一次转化代码文件太多,可能会出现错误,可以一次少转几个文件: 2,如果出现所转换文件中有错误,则需修改要转换文件: 3,转换时还可能生成新文件夹如elex,转换的ts文件就会存在ele ...

  3. LED的串联电阻值的计算

    与LED串联的电阻被用于控制该LED导通时的电流量.为了计算电阻值,你需要知道输入电源电压(Vs,一般为5V),LED的正向电压(Vf)和你需要流过LED的电源(/)的数值. 其电阻欧姆值的计算公式( ...

  4. Git创建空白新分支

    向分支提交一个初始的空commit,保证完全复位. 创建并切换新分支 git branch <new_branch> git checkout <new_branch> git ...

  5. mysql循环插入数据库中数据。

    DELIMITER ;; CREATE PROCEDURE test_insert () BEGIN DECLARE i INT DEFAULT 1; WHILE i<100 DO insert ...

  6. eclipse 配置 Tomcat 遇到的问题以及解决办法

    Eclipse是一个开发JSP的很好的工具,而笔者在配置Tomcat服务器的时候遇到了一些小问题,在这里给大家总结一些经验,希望能帮助同样遇到这些问题的广大同行们能够简单轻松地解决这些问题~ 笔者在以 ...

  7. c++中string类型可以直接进行比较

    以下代码在Ubuntu14.10下实现 /*------------------------- filename is demo.cpp --------------------------*/ #i ...

  8. 让webstorm支持新建.vue文件

    1. 首先安装vue插件,安装方法: file-->setting  -->  plugin  ,点击plugin,在内容部分的左侧输入框不用输入任何东西,直接点击下图中的按钮. 如下图所 ...

  9. C#下在图片文件本地

    //C#下载图片文件到本地,c#,c#下载,下载图片,下载文件,下载函数// 从图片地址下载图片到本地磁盘// 将二进制文件保存到磁盘 using System;using System.Drawin ...

  10. 通过一个表的id同时查询多个表的数据

    'select c.字段名,x.字段名 as 改为新的显示名,x.字段名 from 表名1 b,表名2 c,表名3 x where b.字段id=' . $id . ' and b.`字段id`=c. ...