码迷,mamicode.com
首页 > Web开发 > 详细

js基础

时间:2016-07-24 10:36:57      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

--引入

JS特点

  轻量级脚本语言

  区分大小写

  语句使用分号‘;‘分隔,但使用分号并不是必须的,也可以不用。

  数字,字符串类似于Python,布尔值为true、false,数组==Python中的list

  ===为绝对相等,即类型、数值相等。而==则表示数值相等。‘3’==3 是对的

  使用函数,以花括号{}分隔,函数可以有多个参数,可以有返回值

  变量可以使用var关键字定义,命名规则与Python相同,不使用var定义的变量为全局变量

  常量可以使用const 进行声明,声明后常量值就无法改变。const a=3.14

  可以使用反斜杠\进行换行

  null为空,即未声明也未赋值,undefined为未赋值

  单行注释使用//     多行注释使用/*    */

  

JS语法

  JS--JavaScript是所有浏览器以及html5中默认的脚本语言,由此看出来她十分流行!!

 js脚本可以放置在  html文件  或者  外部文件中。

  如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

<script>
alert("hello world");
</script>

  如需在外部文件中插入js,<script>标签则不能在外部文件中使用,外部文件的扩展名一般是 .js 。

  若使用外部文件,当某个html文件需要使用该js脚本时,需要添加这样一句:

<script src="myScript.js"></script>

 

<script>标签可以在<body>标签中,也可以在<head>标签中。或者同时存在于两个部分中。

通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

 

js数据对象及其常用属性方法:

  数字Number()

    Number()  将其他类型转换为数字类型

  字符串String()

    length   返回字符串长度

    valueOf()  返回字符串的值

    indexOf  返回字符串第一次出现的位置

    lastIndexOf  返回字符串最后一次出现的位置

    split()  按指定的分隔符进行分割

    slice()  切片

    toLowerCase()  toUpperCase()   转换大小写

    anchor()  link()  ……格式化字符串-->html元素

  日期Date()

    getYear()  getMonth()  getDay()……  获取当前用户本地系统日期的年、月、日……

    setYear()……            设置当前……

    getUTCYear()……        获取当前协调世界时间的年……

    setUTCYear……        ……

  数学Math()

    + - * / %      加 减 乘 除 取余(这属于算术运算符,不属于math对象)

    Math.abs()      绝对值

    Math.round()      四舍五入

    Math.floor()      去尾法取整

    Math.pow(a,b)      a的b次幂

    Math.random()    随机取0-1之间的数,可以对该数*100啥的,满足自己对大的随机数的需要

    Math.max()      传入2个及以上的参数,对这些参数找最大值。

    Math.min()

    cos  sin  tan……    正弦 余弦 正切……

技术分享
<script>
    var numb_arr=new Array(5);
    for (var i= 0;i<5;i++){
        numb_arr[i]=Math.floor(Math.random()*10);

    }
    var a=0;
    for (var i=0;i<5;i++){
        a=numb_arr[i]*Math.pow(10,i)+a;
    }
    alert(a)




</script>
实现随机5位数

  数组array()

    length       数组长度

    splice(a,b,i1,i2……)     插入和删除数组元素,a:插入的索引(可以为负数),b删除的个数(可为零),i插入的项目

    slice()    切片

    concat()    连接两个数组

    reverse()     反转数组元素

    push()    插入元素到最后面,类似于Python中的list.append()

    unshift()      插入元素到最前面

    pop()    删除最后面的元素,类似于Python中的list.pop()

    shift()        删除最前面的元素。

    

JS输出

  输入到html元素   document.innerHTML=‘‘

  写入html文档  document.write(‘‘)

  弹出警告框   windouw.alert(‘‘)

  写入到浏览器控制台  console.log()

技术分享
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<html>
<head>

</head>
<body>
<h1 id="qwer"> test </h1>
<script>
    document.write(the test page)
    window.alert(hello world)
    document.getElementById(qwer).innerHTML=haha


</script>
</body>
</html>
前三种输入方式代码实例

 


 

JS中的函数

  js中的函数也是对象。

--定义函数

  三种方式:声明式的静态函数、动态的匿名函数、直接量。

 

  1  声明式的静态函数

 

function  FunctionName (para1,para2……) {
    .......
    .......
}


声明式的静态函数在加载页面时只会解析一次,每一次调用该函数时,用的都是解析后的结果。最常使用

 

  2  匿名函数(动态函数)

 

var Name=new  Function(‘para1‘,‘para2‘……,‘function body‘);
//

每次调用该函数时,都要重新构造该函数。

 

  3  直接量

var Function = function(para1,para2,……){
    ......
    ......
    }

只解析一次,适用于讲一个函数当作参数传递给另一个函数。

 

函数的属性

  FunctionName.length    参数的个数

  arguments         参数数组

 


 

js中的“类”

  js中的没有类只有对象,所有js对象都继承于Object对象。创建实例则是通过new。

  对象有属性、方法。而在js中,几乎所有事物皆对象,就比如var a=‘duang‘ 可以认为是仅有一个属性的对象。

对象分为内置和外置两种。(没有混合痔啊。。。。。)

  内置对象---就比如说各种数据类型,像字符串、数字、日期、数组……

  外置对象---也就是我们自定义的对象。

 

--如何自定义对象

 

//

 function a(name,age,body_height){
        this.name=name
        this.age=age
        this.body_height=body_height
        this.move=move
        function move(){
            console.log(‘I can move‘)
        }
    }

我们定义了一个对象a,她有属性name,age,body_height   还有方法:move()

访问对象属性有两种方法:

a.age        //第一种

a["age"]     //第二种,注意要加引号!

访问属性:

a.move()   //运行函数

a.move     //返回定义函数的字符串

 

js基础

标签:

原文地址:http://www.cnblogs.com/MnCu8261/p/5689805.html

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