1、JavaScript基础

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基础的更多相关文章

JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
一步步学习javascript基础篇（0）:开篇索引
索引: 一步步学习javascript基础篇(1):基本概念一步步学习javascript基础篇(2):作用域和作用域链一步步学习javascript基础篇(3):Object.Function等 ...
前端之JavaScript基础
前端之JavaScript基础本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
一步步学习javascript基础篇（3）：Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
Javascript基础回顾之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
Javascript基础回顾之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
Javascript基础回顾之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象在JavaScript中 ...
javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
javascript基础02
javascript基础02 1.数据类型数据类型的描述在上篇的扩展中有写到链接由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

【百科】CLEO 逐推縮寫命名法
一. 適用場合 1. C# Windows Forms 等窗體開發技術的控件名稱縮寫: 2. 強行縮寫駝峰命名法(Camel-Case).帕斯卡命名法的英文的時候: 二. 命名規則 1. 首字母大寫: ...
【C#】面试题整理
1.C#中类是否支持多继承?请说明原因.答:不支持,需要用接口来实现多继承 2.我们都知道一个类可以有多个构造函数,并且C#会在我们创建类的时候默认的提供一个无参的构造函数,当我实现了另外一个有参数的 ...
OBIEE接受外部参数
样例: http://192.168.0.99/analytics/saw.dll?Go&Path=/shared/goxiangyibiaopan/SBDW_GSYDL_ZZT&Ac ...
闹心的python编码
说起编码,真是十分忧伤.每次听课都是绕了半天把自己搞糊涂.今天特意来整理一下思路. What 编码!? 基本概念很简单.首先,我们从一段信息即消息说起,消息以人类可以理解.易懂的表示存在.我打算将这种 ...
SQL语句不足位数补0
select RIGHT('0000'+CAST( '123' AS nvarchar(50)),4) DWBH 公式 RIGHT('位数'+CAST(要判断的字段 AS nvarchar(50)) ...
VS2012及以上版本程序打包部署详解
引用: http://blog.csdn.net/zhang_xinxiu/article/details/9099757 程序编写测试完成后接下来我们要做的是打包部署程序,但VS2012让人心痛的 ...
SpringMVC同时使用<mvc:resources … />和日期转换Formatter时出现问题的解决方法
很久没更新博文了,不是没有学习,而是很多东西记在OneNote里面,收获很多啊,因为各种杂事,所以对于博客很久没更新了. 个人觉得:博客比起OneNote或者为知笔记之类的云笔不同在于博客应该记载的是 ...
JavaScript忍者秘籍——驯服线程和定时器
1.定时器和线程 - 设置和清除定时器 JavaScript提供了两种方式,用于创建定时器以及两个相应的清除方法.这些方法都是window对象上的方法. 方法格式描述 setTimeout i ...
Unity发布安卓无法读取StreamingAssets文件下数据库的问题
在移动端StreamingAssets下的文件是只读的,但大家可能跟我一样遇到了发布安卓以后放在StreamingAssets下的数据库文件一样读取不了, 但其实这个文件夹其实是可以读取到的,所以我们 ...
Dev的GridControl控件选择框的使用
先介绍环境:VS2010,dev11.2 想要达到的效果:,当单击某一行时前面的选择框选中. 在网上找了不少,但是感觉跟我想的做法很不一样(有很多都是再另外添加一个什么CheckBox,这个我在Dev ...

1、JavaScript基础

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

随机推荐

热门专题