我爱编程

JS

2017-05-05  本文已影响21人  yangliangliang

 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浏览器)

上一篇下一篇

猜你喜欢

热点阅读