js基础

 

一个重要的不同：脚本语言是被解释而系统程序设计语言是被编译。脚本语言是为了缩短传统的编写-编译-链接-运行（edit-compile-link-run）过程而创建的计算机编程语言。

Js的作用：

  1、表单验证—减轻服务器端压力

  2、界面动态效果

  3、动态改变页面内容（页面数据的删除等）

 

基于事件驱动

基于对象：

Bom window  href  location  document

Dom（html文档所有的内容）

操作属性样式 方法

面向对象

AJAX

Js框架

    Jquery

    Ext

Js基础

Js的语法构成（组成）

 脚本程序语言------DOM-------BOM

 浏览器对象： BOM中的上层对象window，window下有history、document、location（地址栏）对象，document是DOM的根，document可以引用页面中各种标签

脚本的基本结构

  <script text=”text/javascript”>

</script>

例：

document.getElementById("a1").href="http://www.sohu.com";//document代表文档，通过id得到标签，标签有什么属性就可以设置什么属性

     document.getElementById("a1").innerHTML="搜狐";//innerHtml标签内部的文本

html嵌js代码

1、引用js文件<script src="js/hello.js" language="javascript">

2、直接在事件中写代码

<input  type="button"  value="测试" οnclick=" document.getElementById('a1').href='http://www.sohu.com'; document.getElementById('a1').innerHTML='搜狐';"/>

3、直接嵌入在html中<script></script>

变量的声明和赋值

  Var（弱变量，可存任何数据）

例：Var x,y,z=10  ；width=5；（不定义直接使用）

数据类型：undefined（未定义） Boolean string（可单双引） number null  Date

运算符：

逻辑控制语句

常用输入输出

1、 Alert

 2、Prompt（）（输入框，prompt是window对象的方法，使用window对象是可以省略window，默认是window对象）

例：

   var uname='admin';

uname=prompt('请输入你的名字：','admin');

alert(uname);

   parseInt（） parseFloat（）window的函数

基于事件、函数和window对象

  Window常用属性：

1、screen 有关客户端的屏幕和显示性能

2、history

3、location

window常用方法：

1、 Promot 输入框

2、 alert 提示信息和确认按钮

3、nfirm 确认框，确认取消按钮 带返回值

4、 close 关闭浏览器

5、 open 打开一个新的浏览器，设定新窗口的地址外观open（“窗口的url”，“窗口名称”，“窗口特征”）（例：特征：left、top（位置）；fullscreen=yes|no|1|0（全屏是否） resizable=yes|no|1|0（是否可调节））

6、  setTimeout 在指定的毫秒数后调用函数或计算表达式

7、  setInterval 按照指定的周期调用函数或计算表达式

window常用事件

onload（）窗体加载时执行 例：直接在script中window.οnlοad=openAdv;（函数名）

匿名调用函数：

  常见匿名写法：事件名=function（）{…}

Date对象：

  Var 日期对象=new Date（）；

  Var dd=new Date(“September 1,2009.12:58：12”);

Date的方法  setXXX  getXXX second| minutes  hour、 months（0-11） Day（星期几0-6）等

例：

function showTime(){

var now=new Date();;

var year=now.getYear()+1900;

var month=now.getMonth()+1;

var day=now.getDate();

var wk=now.getDay();

var minute=now.getMinutes();

var second=now.getSeconds();

var strDate=year+"-"+month+"-"+day+"  "+wk+" "+minute+":"+second;

    document.getElementById("timeDiv").innerHTML=strDate;

}

window.setInterval("showTime()",1000);//计时器每个多久执行

DOM元素

使用getElementById getelementByName getelementByTagname（标签名）获得DOM元素

 

Location和history对象 document对象

 

   History对象：

    常用方法：

       back（）返回上一页

       forward（）当前页面的下一页面

       go（）（跳到某一页  例：-1上一页）

   Location对象

       href：转向页面

reload：刷新

 document对象

     属性：

     Referrer：返回载入当前页面的页面（进入此页面前的页面）的文档的url（如果为空表示是刷新页面）

    例： var url=document.referrrer;

        If(url==’’’’){

           Alert(“您不是有指定页面到达，五秒后返回登录”):  Window。Settimeout（‘’，5000）;}

   方法：

getElementById

getelementByName 返回数组

getelementByTagname（标签名）

write（）

改变内容：innerHTML  innerText（他会将改变的内容全部设成文本例如<br/>会原样输出而不是换行）

改变页面样式节点内容

  Visibility属性的值 visible hidden（不显示但是空间保留）

  Display（常用）

例：Object.style.display=’’’值’