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