JavaScript笔记

JavaScript介绍

1.js基于对象和事件驱动的脚本语言,作用在客户端(浏览器)上。

2.js的特点

    * 交互性好。 人与服务器之间进行沟通。例子:注册的功能,输入特殊字符。浏览器直接给我提示。

    * 安全性       不可以直接访问本地的硬盘。

    * 跨平台性  浏览器就可以解析JS的文件。

3.JavaScript和Java是不同

    * js语言的历史:网景        开发LiveScript动态效果。

    * LiveScript改名称JavaScript       微软开发的语言JScript      

4.js和Java的不同点(学习)

    * js基于对象,Java面向对象       

    * js解析就可以执行,Java先编译,再执行。

    * js是弱类型的语言,Java是强类型的语言。

5.js语言的组成

    * ECMAScript标准          定义语法

    * BOM(浏览器对象模型)  代表整个浏览器(对象和API)

    * DOM(文档对象模型)       代表整个文档

Js和html结合方式

html css js关系:
HTML用标签封装数据,CSS通过标签设置样式。js通过对象和语句来操作标签。

第一种方式:内部引用

<script type="text/javascript">
    window.alert("哈哈哈,弹个框框诅咒你");
</script>

第二种方式: 引入外部文件
<script type="text/javascript" src="alter.js">
</script>   

具体代码放到什么位置

如果引入了外部的文件(外部文件没有直接操作HTML的标签,一般的情况下放在<head>中间)

如果在本HTML文件上编写JS的代码,如果也没有直接操作HTML的标签,推荐放在</body>标签之后。

js关键字 标示符 注释 数据类型

**JS的关键字 标示符 注释 js的基本数据类型**



1.关键字:var   

2.标示符:在js和java是一样的。

3.注释:       // 单行注释     /* 多行注释 */          /** 文档注释 */

4.变量:声明变量。

    如果Java中:int a = 10; String str = "abc";

    如果是在js中声明变量的话:就使用一个关键字var

5.js的数据类型

    5种基本数据类型:undefined(未定义)、null、boolean、number(int float double byte short) 和 string 

     String     字符串

        在js中单引号和双引号都代表的是字符串     var str = "abc";    var str='abc';

    number      数字类型

        没有整数和小数之分。

    boolean     布尔类型

        和java一样的

    null        空,一般给引用赋值

     undefined  未定义(声明变量,没有赋值)



    js中声明变量使用   var

    typeof(变量)  :判断当前的变量是属于什么类型的

    js语言弱类型的语言,声明任意类型的变量,都可以进行赋值。

js运算符

*js的运算符**



* 算术运算符

    alert(num / 1000 * 1000);   

    数字类型不区分整数和小数

    * 字符串中间数字,做减法js默认字符串解析,再进行运算。

    alert("abc"-1);     // NaN:非法的数字    弹出NaN(非法的数字)

    * 0或者null代表是false,非0或者非null代表是true,默认用1来表示。

* 比较运算符

    **==    :只比较值是否相等

    === :即比较值又类型是否相等

* 赋值元素  逻辑运算符   三元运算符   和java是一样的

**js的语句

判断语句 if else 

循环语句  while for(var i=0;i<10;i++){}

// 向浏览器的页面输出内容

window.document.write("i="+i+"<br />");

js的数组

**1.var arrs = ["张三","李四",1,3];

2.var arrs = new Array("abc","cba",..);

    var arrs = new Array(5);        声明数组,长度是5

    var arrs = new Array(5,6,7);    声明数组,元素是5,6,7

3.java数组长度不可变,js的数组长度可变。

属性:length   -- 数组的长度

方法:

    concat(元素或者数组)

    join(分隔符)       把数组分隔字符串

js中的方法(函数)

* js中定义方法

    function 方法名称(参数列表(没有var的关键字) x,y){

        ... 方法体

        return 返回值; 如果方法有返回值,直接写返回值,如果没有返回值,return可以省略不写。

    }

    **function print(x){
    document.write(x);
    }
    function getSum(x, y) {
    return x + y;
    }**

    匿名方法
    var run = function() {
    alert("ahahahh");
    };
    run();

js的全局和局部变量

* js全局变量:定义在<script>标签中间的变量,都是全局变量。

    不仅可以在<script>标签中间使用,在其他的<script>标签也可以使用。

* js局部变量:定义在方法内部的变量,是局部变量。

**js中的String对象

 声明字符串的方法: var str="abc";  var str= new String("abc");

 和普通java中一样的方法
    charAt()        返回指定位置的字符

    indexOf(searchvalue,fromindex)  检索字符串       lastIndexOf()                       从后向钱检索字符串

    replace()                           替换字符串

    substring(start,stop)               截取字符串(包含开始,不包含结束)

    substr(start,length)                截取字符串(从哪开始,截取多长)(包含开始)

    toLowerCase()                       小写

    toUpperCase()   


和Html结合现实的方法
    bold()          把字符串显示粗体。

    fontcolor()     设置字体颜色

    fontsize()      字体的大小

    italics()       斜体显示字符串

    link()          设置字符串为超链接

    small()         小字体

js的Date对象

创建date对象
var date = new Date();

获取当前日期时间
var localString = date.toLocaleString();
获取当前日期
var localDate = date.toLocaleDateString();
获取当前时间
var localTime = date.toLocaleTimeString();
获取当前时间的毫秒值
var time = date.getTime();
将时间转成Date
var ll = 1484880682957;
var date3 = new Date(ll);
document.write(date3.toDateString());

js中的Math对象

* 静态的方法 Math.xxx()  

    ceil(x)     对一个数进行上舍入  进

    floor(x)    对一个数进行下舍入  舍

    round(x)    对一个数进行四舍五入

    random()    获取随机数   0-1之间小数
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值