码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript基本概要

时间:2018-06-13 12:01:02      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:oql   substr   oge   rom   字符串类型   padding   数组操作   dvr   hds   

什么是JavaScript:
      Netscape公司开发的一种基于对象和事件驱动的脚本语言 ,并且可在所有主要的浏览器中运行 IE、Firefox、Chrome、Opera、JavaScript 被设计用来向 HTML 页面添加交互行为JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。无需编译,可由浏览器直接解释运行。JavaScript 是一种弱类型语言
特点:
交互性(它可以做的就是信息的动态交互)
安全性(不允许直接访问本地硬盘)
跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关)

JavaScript语言组成
一个完整 JavaScript实现由以下3个部分组成
1、核心(ECMAScript)
2、文档对象模型(DOM)
3、浏览器对象模型(BOM)
技术分享图片

JavaScript与Html的结合方式

HTML 的 <script> 标签用于把 JavaScript 插入 HTML 页面当中,编写JavaScript 两种方式:内部JS和外部JS
内部JS程序,在HTML源码中
    <script type="text/javascript">
                alert(1);
     </script>
* language 属性不赞成使用,请使用type属性替代
外部JS程序,在HTML中引入单独的JS程序
    <script src="1.js"></script>
    1.js 内容
    alert(2);
* 在引用外部JS的script标签间不能编写JavaScript代码
    <!--js和html的结合方式
  1.页内
      方式1:
             <script type="text/javascript">
                   alert("hello javascript!");
             </script>
          方式2:
              <p  onclick="javascript:alert('clicked me');">  点击我 </p>

  2.外部
              <script type="text/javascript" src="01.js"></script>
              <script src="01.js">此处不支持插入js脚本</script>

  -->

JavaScript的数据类型
<script type="text/javascript">
    //5种基本的数据类型 number,boolean,string,null,undefined,object(只能识别是对象,但是不知道是什么类型对象)
        var a=1.1;
        var b=false;
        var c="hello"
        var d;
        var e=null;  
        //f=new Object();
        var date=new Date();
//null表示准备用来保存对象,还没有真正保存对象的值。从逻辑角度看,null值表示一个空对象指针

        //typeof 看变量的类型是什么
        alert(typeof(date));
        alert(date);   //显示时间
        //instanceof(对象类型判断)  true前者是后者的一个实例    false不是
        if(date instanceof Date)
            alert("true");  //运行这个
        else
           alert("false");
</script>
== 等于        //只是比较值 
=== 等于(检查值和类型)
if(z=100)     //不管z是多少,非0都返回TRUE,0返回FALSE
document.write("<b>Good morning</b>");  //在网页上写“”里面的
for (变量 in 对象)
{
    在此执行代码
}“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
var x;
var mycars=new Array();
mycars[0]="Saab";
mycars[1]="volvo";
mycars[2]="BMM";
for(x in mycars)    //x从0到2
{
        document.write(mycars[x]+"<br/>");
}

a = 19 是Number 类型
a = "19" 是String类型
Number 转 String    a = a + ""; 或 a = String(a);
String 转 Number    a = a - 0; 或 a = Number(a);

JavaScript基本语法(区分大小写)

JavaScript常用对象介绍
1、Array对象 数组对象,进行数组操作
2、String对象 ----- 字符串类型的引用类型
               var s = new String(“cskaoyan");
3、Number对象 ---- 数字原始类型引用类型
               var n = new Number(100);
4、Boolean对象 ---- 布尔原始类型引用类型
               var b = new Boolean(true);
5、Math对象 执行数学任务
6、Date对象 用于处理日期和时间
Array:
var array=new Array(1,2,3,4,5);    //表示数组大小,同时初始化了数组
var array=new Array(5);    //只表示了数组的长度

var array4 = [1,5,19,2,4];  //如果sort()函数没有传参数,泽会将数字转换为字符串
var array5 = ["1","5","19","2","4"];


join(): 把数组的所有元素放入一个字符串。
push(): 向数组的末尾添加一个或更多元素,并返回新的长度。
pop()删除并返回数组的最后一个元素
shift(): 删除并返回第一个元素
reverse(): 反转顺序
sort(): 排序//1、如果想按照自己的规则来进行比较,要传递一个function类型的参数制定比较规则2、如果sort函数没有传参数(参数就是自己定义的function),那么就会把数组转化为字符串在来排序


var  array = ["benz","bmw","volve","qq"];
alert(array.join());  //默认连接隔开符号","
for(var i=0;i<array.length;++i)
{
       document.write(array.join("-")+"<br/>");
}

var  array = [1,5,19,2,4];
function sortNumber(a,b){
          return a-b;  //升序;b-a降序
}
alert(array.sort(sortNumber));

String:
big() 用大号字体显示字符串。
charAt(index) 返回在指定位置的字符。
concat() 连接字符串。
substr(start,length) 从起始索引号提取字符串中指定数目的字符。
substring(start,stop) 提取字符串中两个指定的索引号之间的字符。(stop前一个)


Number:
toString 把数字转换为字符串,使用指定的基数。
valueOf() 返回 Number对象的原始值
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。



Date:
Date() 返回当日的日期和时间
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)
getMonth() 从 Date 对象返回月份 (0 ~ 11)
getHours() 返回 Date 对象的小时 (0 ~ 23)
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)) 
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)
getTime() 返回 1970 年 1 月 1 日至今的毫秒数

//Math 里的方法相当于java里的静态方法,不需要对象,直接通过类名来访问
ceil(x)返回大于等于x的最小整数
floor(x)返回小于等于x的最大整数
random() 返回 0 ~ 1 之间的随机数 (小数)
round(x) 把一个数四舍五入为最接近的整数。



JavaScript 函数的定义 

<script type="text/javascript">

//第一种
function add(a,b){
   var c=a+b;
   alert (c);
}
//第二种
//定义一个变量,该变量就是函数名
var func=function(a){
        alert(a);
}
//第三种
//方法的最后一个参数是函数体,之前是可变参数
var add1=new Function('a','b','c','d=a+b+c; alert(d)');

</script>

<p onclick="add1(1,2,3)">点我</p>
JavaScript 全局函数
isNaN 检查某个值是否为数字//是返回false,不是返回true
parseInt  / parseFloat 解析字符串为整数 / 浮点数
eval 计算javascript 字符串,并把它作为脚本代码来执
 eval("x=10;y=20;document.write(x*y)")   网页写200

 var uname="'xt','zh','ch','am','pm'";
 var tuname = eval("["+uname+"]");
 alert(tuname[1]);     //显示出zh
escape与unescape, encodeURI()与decodeURI()
var str="中国";
var escape1=escape(str);
document.write(escape1);
var escape2=unescape(escape1);
document.write("<br/>"+escape2);
//一样的效果
 alert(encodeURI(str));
 alert(decodeURI(str));
技术分享图片

escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z
encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z



parseInt(string, radix) 函数可解析一个字符串,并返回一个整数。











JavaScript基本概要

标签:oql   substr   oge   rom   字符串类型   padding   数组操作   dvr   hds   

原文地址:https://www.cnblogs.com/meihao1203/p/9176051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!