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数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

CODE[VS]-寻找子串位置-字符串处理-天梯青铜
题目描述 Description 给出字符串a和字符串b,保证b是a的一个子串,请你输出b在a中第一次出现的位置. 输入描述 Input Description 仅一行包含两个字符串a和b 输出描述 ...
Tomcat 6 跨域的支持
1.添加2个jar包这个我是自己保存在云端的 cors-filter-1.7.jar java-property-utils-1.9.jar tomcat7以后自动支持 2.tomcat 下面的we ...
【安装】beautifulsoup4—美丽汤的安装
beautifulsoup俗称美丽汤,是用来爬虫用的,大家可以到这个网址去下载.注意,要根据对应的python版本来下载. 下载传送: https://pypi.python.org/pypi/be ...
更改pip源
~/.pip/下新建pip.conf文件:(Windows下载Users/xxx/pip/pip.ini) [global] trusted-host = pypi.douban.com index- ...
html-----vedio标签（HTML5新标签VIDEO在IOS上默认全屏播放）
今天做一个app时发现一个问题,应用html5中的video标签加载视频,在Android手机上默认播放大小,但是换成iPhone手机上出问题了,默认弹出全屏播放,查找了好多论坛,都没有谈论这个的.然 ...
tomcat服务配置及搭建
一.在官网上下载tomcat 下载地址:http://tomcat.apache.org/download-60.cgi 下载完后解压二.设置环境变量 1,JAVA_HOME 2.CATALINA_ ...
php遍历目录下文件，并读取内容
<?php echo "<h2>遍历目录下文件,并读取内容</h2><br>\n"; function listDir($dir) { i ...
haproxy(1)
参考文档: http://cbonte.github.io/haproxy-dconv/1.5/configuration.html 一.Haproxy 软件负载均衡一般通过两种方式来实现:基于操作系 ...
HDU 1013 Digital Roots(字符串)
Digital Roots Problem Description The digital root of a positive integer is found by summing the dig ...
[kuangbin带你飞]专题六最小生成树 POJ 1287 Networking
最小生成树模板题跑一次kruskal就可以了 /* *********************************************** Author :Sun Yuefeng Creat ...

1、JavaScript基础

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

随机推荐

热门专题