JavaScript脚本语言

   一、 在Web页面中使用JavaScript
      1.在页面中直接嵌入JavaScript:在Web页面中,可以使用<script>...</script>标记对封装脚本代码,
 2.链接外部JavaScript:
 语法格式:
   <script language="javascript" src="javascript.js"></script>
注意:在外部JS文件中,不需要将脚本代码用<script></script>标记括起来
二、JavaScript语言基础
     1.JavaScript的语法
  (1)javascript区分大小写;
  (2)每行结尾分号可有可无(最的编码习惯是在每行结尾加上分号,这样可以保证代码的正确性)
  (3)变量是弱类型的,
  (4)使用大括号标记代码块:被封装在大括号内的语句将按顺序执行
       (5)注释:单行注释和多行注释
2.javascript中的关键字不能用作变量名、函数名以及循环标签
3、JavaScript的数据类型
  (1)数值型:浮点型和整形
  (2)字符型:
  (3)布尔型、转义字符、空值(null)、未定义值(undefined)
三、流程控制语句
     1.if条件判断语句
 语法格式:
   if(expression){    expression必选参数,用于指定条件表达式,可以使用逻辑运算符
statement 1
}else{
statement 2
}
2.switch多路分支语句
 语法格式:
  switch(expression){
  case judgement1:
     statement1;
 break;
  case judgement2:
      statement2;
  break;
   ...
case judgement n;
   statement n;
break;
default: 
   statement n+1;
break;
}
 3.for循环语句
 语法格式:
  for(initialize;test;increment){    initialize:初始化语句,用来对循环变量进行初始化赋值
                                      test:循环条件    increment:用来指定循环变量 的步幅
      statement
}

四、正则表达式的使用
   1.语法:字符类、量词、指定匹配的位置、选择匹配符、分组
   2.创建正则表达式(RegExp)对象
    (1)通过RegExp类的构造方法创建:
 语法格式:  new RegExp(pattern[,flags])   pattern:必选参数,用于指定需要进行匹配的模式字符串
 var objExp=new RegExp("\\d");  用于匹配0~9中任意一个数字的正则表达式对象
 var objExp=new RegExp("\\d","g");    用于匹配所有出现的数字
(2)通过正则表达式字面量创建 
      语法格式: /pattern/[flags]   
 var objExp=/\d/;
 var objExp=/\d/g
3.使用RegExp对象执行模式匹配
 (1) test() 方法:用于对一个指定的字符串执行模式(正则表达式)匹配,
  语法格式:regExp.test(str);
      (2)exec()方法:也是一个对指定字符串执行模式匹配,但exec()方法比test()方法复杂一些,其返回值不在是true或false,
 当没有搜索到匹配的字符时,该方法将返回null,否则返回一个数组,这个数组的第一个元素包含与正则表达式相匹配的字符串,
   语法格式:regExp.exec(str)  regExp对象的实例


五、函数
   1.函数的定义:由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的,
      基本语法:
  function functionName(parameter 1,parameter 2...){
      statement;
  [return expression;]
  }
2.函数的调用:
3.匿名函数:
 语法格式:
   var func=function([parameter 1,parameter 2,...]){ statement;};


六、事件和事件处理程序:
     1.JavaScript的常用事件
2.事件处理程序的调用:
  (1)在JavaScript中
  (2)在HTML中
     3.常用对象
  (1)String 
    a.属性:String对象最常用的属性是length,用于返回String对象的长度,  String.length
b.方法:常用的方法:
 
 1.indexOf()方法:用于返回String对象内第一次出现字符串的字符位置,如果没有找到指定的字符串,则返回-1,
 语法格式:string.in
 dexOf(subString[,startIndex])
 subString :必选参数,要在String对象中查找的字符串
 startIndex :可选参数,该整数值指出在String对象内开始查找索引,
 var str="ddddsa@163.com";
 var index=str.indexOf("@");  返回值为6
 var index=str.indexOf('@',7)  返回值为-1
 注:String对象的索引值是从0开始的
 
 2.lastIndexOf()从字符串的最后一个字符开始查找
 
 3.substr()方法:用于返回指定字符串的一个子串;
 语法格式:string.substr(start[,length])
   如:var word="One World One Dream";
var subs=word.substr(10,9);   表示从下标为10出开始取,取出长度为9; 则结果为One Dream

4.substring()方法:用于返回指定字符串的一个子串;
  语法格式:string.substring(from[,to])
   from 用于指定要获取子字符串的第一个字符所在string中的位置;
to:可选参数,用于指定要获取子字符串的最后一个字符所在string中的位置

5.replace()方法:用于替换一个与正则表达式匹配的子串
  语法格式: string.replace(regExp,substring);
 
         6.split()方法:用于将字符串分割为字符串数组,
          语法格式: 
 string.split(delimiter,limit);
 delimiter:字符串或正则表达式,用于指定分隔符;
 limit:可选参数,用于指定返回数组的最大长度,如果设置了该参数,返回的子串不会多与这个参数指定的数字,否则整个字符串都会被分割,而不考虑长度
 返回值:一个字符串数组,该数组会通过delimiter指定的边界将字符串分割成的字符串数组
 
(2)Math对象:提供大量的数学常量和函数,在使用Math对象时不能使用new关键字创建对象实例,而应直接使用“对象名.成员”的格式来访问其属性和方法
 
(3)Date对象
  a.创建Date对象
    Date对象是一个有关日期和时间的对象,具有动态性,即必须使用new运算符创建一个实例;
 语法格式:
   dateObj=new Date();
dateObje=new Date(dateValue);
dateObj=new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]);

(4)Window 对象:是一个全局对象,是所有对象的顶级对象
  a.Window对象的属性
  b.Window对象的方法
    1.open()方法:用于打开一个新的浏览器窗口,并在该窗口中装载指定URL地址的网页
  语法格式:windowVar=window.open(url,windowname[,location]);
  
2.close()方法:用于关闭当前窗口
  语法格式:  window.close();

七、DOM技术
DOM是文档对象模型的简称,是表示文档和访问、操作构成文档的各种元素的应用程序接口(API)
1.遍历文档:nodeType:表示节点类型的整形常量,

2.获取文档中的指定元素
(1)通过元素的ID属性获取元素: 使用document对象的getElementsById()方法可以通过元素的ID属性获取元素
    如:document.getElementById("userList");

   (2)通过元素的name 属性获取元素:可以通过元素的name属性获取元素,该方法的返回值是一个数组,而不是一个元素
   如:document.getElementByName("userName")[0];
 
3.与DHTML相对的DOM
           (1) innerHTML和innerText属性
                a. innerHTML属性声明了元素含有HTML文本,不包含元素本身的开始标记和结束标记。设置该属性可以用指定的HTML文本替换元素的内容  
                 关键代码如下:
 最新用户:
 <span id="newUser"></span>
 <script type="text/javascript">
var newUser="无语";
document.getElementById("newUser").innerHTML=newUser;
 </script>
b.innerText属性声明了元素中含有的纯文本,不包含元素本身的开始标记和结束标记。


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值