JS

作者: yangliangliang | 来源:发表于2017-05-05 12:40 被阅读21次

     1.什么是javaScript【简称JS】。

    JS是

    (1).嵌入在HTML标签中  是脚本语言

    (什么是脚本语言呢?)首先我们必须写一个HTML页面或者JSP页面 ,把我的Script嵌入到里面。

    JS必须嵌入到一个名叫<script src="引入外部js文件"></script>的标签中,方可运行。(<script type="text/javascript">文本型/javacript类型     浏览器解析到这句话以后,看到这句话,它就调用javascript解析器来解析。)多个script块中的内容 ,可以互相访问

    (2)基于对象

    JS本身就有一些现成的对象可供程序员使用,例如:Array,Math,String。。

    JS并不排除你可以按一定的规则创建对象。

    (3)事件驱动

    JS代码写好后,需要外界触发后,方可运行,例如:单击事件,定时执行。

    (4)解释性

    每次运行JS代码时,得需要将原代码一行一行的解释执行。相对编译型语言(java,c++)执行速度相对较慢。

    (5)基于浏览器的动态交互网页技术(浏览器里面肯定有JS解释装置或者引擎)

    如果JS嵌入到HTML中,可以不需要服务器支持,直接由浏览器解释执行

    如果JS嵌入到JSP或者Servlet中,必须要服务器支持,直接由浏览器解释执行。

    2JS的的三种类型

    (1)基本类型:

    number 包含正数,负数,小数(var num = 100 num为number类型);

     String (var str =“哈哈”;str为String类型,注意JS中的String类型用“”或者‘’均可);

    boolean (var flag = tyure;flag为boolean类型,1代表ture,0 代表flase );

    (2)特殊类型

    undefined不是字符串,它是一种类型,如果你想判断某个变量是否为undefined,(表示一个变量指向的值不确定)

    null表示一个变量指向null

    (3)复合类型:函数,对象,数组

    对象包含内置对象和自定义对象。

    3.JS中三种定义函数的方式

    三)JS中有三种定义函数的方式(函数以function关键字开头)

    (1)正常方式:function mysum(num1,num2){return num1+num2;}

    var myresult = mysum(100,200);

    alert("myresult="myresult");

    (2)构造器方式:new Function("num1","num2","return num1+num2;")

    var yourself = new Function("num1","num2","return num1+num2;");

    alert(yourself(100,200));

    (3)直接量或匿名或无名方式:var mysum = function(num1,num2){return num1+num2;}

    alert(mysum(100,200));

    4. JS中有四种对象

    (1)内置对象: Data, Math, String, Array;

    (2)浏览器对象:window,document,status,locaction,history........

    window:就是整个浏览器。

    document:浏览器的白色区域

    status:状态栏(最下面)将当前时间设置到状态栏

    var nowStr = new Date().toLocaleString();

    window.status =nowStr;

    location:地址栏,就是输入url的地方

    history:历史栏,就是前进和后退两个按键

    function myrefresh(){

    window.history.go(0);

    }

    (3)自定义对象:Person card

    function Student(id,name,sal){

    //this指向s引用

    this.id = id;

    this.name = name;

    this.sal = sal

    ;}

    var s = new Student(1,"波波",7000);

    document.write("编号:" + s.id + "");

    document.write("姓名:" + s.name + "");

    document.write("薪水:" + s.sal + "");

    5.演示JS对象的属性,方法和事件的使用

    (1)window.location.href

    var url = "04_array.html";

    window.location.href = url;

    (2)form.submit()(演示用JS提交表单,重要)

    // 定位提交按钮,同时添加单击事件

    var inputElement = document.getElementsByTagName("input")[0];

    // 为提交按钮添加单击事件(这里使用定义函数的第三种方法无名方法)

    inputElement.onclick = function(){

    // 定位<form>标签,forms表示document对象所有表单的集合,

    var formElement = document.forms[0];

    // 提交表单,提交到action属性指定的地方

    formElement.submit();

    }

    6.什么是AJAX【Asynchronous异步的JS和XML】,工作原理与特点

    (1)什么是同步:

    请求1->响应1->请求2->响应2->

    Web1.0时代

    (2)什么是异步:

    请求1->请求2->请求3->响应1->响应2->响应3->

    请求1->响应1->请求2->请求3->响应2->响应3->

    Web2.0时代

    项目中:Web1.0为主(整个浏览器刷新),Web2.0为辅(浏览器局部刷新)

    (3)什么是AJAX

    客户端(特指PC浏览器)与服务器,可以在【不必刷新整个浏览器】的情况下,与服务器进行异步通讯的技术

    即,AJAX是一个【局部刷新】的【异步】通讯技术

    AJAX不是全新的语言,是2005年Google公司推出的一种全新【编程模式】,不是新的编程语言

    (4)不用刷新整个页面便可与服务器通讯的办法有:

    (A)Flash/ActionScript

    (B)框架Frameset

    (C)iFrame(内嵌入框架)

    (D)XMLHttpRequest(非IE浏览器)和ActiveXObject(IE浏览器)

    相关文章

      网友评论

        本文标题:JS

        本文链接:https://www.haomeiwen.com/subject/djyjtxtx.html