黑马程序员技术交流社区

标题: Day_09 javaScript基础 [打印本页]

作者: 小北京    时间: 2018-12-17 15:47
标题: Day_09 javaScript基础
js基于浏览器的脚本语言,是一种弱类型语言
js组成结构
ecmascript             基础语法
bom                        浏览器对象模型,
dom                        文档对象模型


严格区分大小写


基于(面向)对象:js中一切都可以看做对象。   对象是由属性和方法组成


       属性和方法的区别:属性不带小括号,方法带小括号


              window.document.write()  write()就是方法


              table.width  表格的宽度,width就是属性



window是一个窗口对象,代表当前浏览器窗口,它是顶级对象,可省略不写


document是一个文档对象,代表当前文档(网页), 它是window对象的子对象


document对象具有很多的属性和方法;


方法和属性的主要区别是:方法名带括号,属性不带





html加载顺序:
从上到下,从里到外


引入方式:
行内式  <a  href = "javascript:void(0);">点我啊</a>


内联式 <script type="text/javascript">
function checkMe(){
alert(内容)
}
</script>
作用范围:仅对当前页面有效


外链式
<script type="text/javascript"  src ="1.js" ></script>


注释:单行注释  //   
多行注释  /*内容*/


ecmascript:数据类型     只能存储一个值
基本数据类型: number 数字  整数/小数/NaN    一个不是数字的数字
      string  字符串 "abc " "a"  'abc'
      boolean    true  和false
      null      一个对象为空的占位符,   一个不存在的值
      undefined         未定义     如果一个变量没有给初始化值,则会被默认赋值为undefined


定义变量: var  变量名 = 初始化值;
  var  变量名;\


运算符:
            1.一元运算符
string转number:按照字面值转换,如果字面值不是数字,则转换成为NaN.
boolean转number: ture转换为1,  false转换为  0.
   
      2.算数运算符
+ - * / % ...


     3.赋值运算符
= += -+....
    4.比较运算符
>  <  >=  <=  ==  ===(全等于)   !==
1.类型相同,直接比较
2.类型不通,先进行类型转换,在进行比较
===:全等于。在比较之前,先判断类型,如果类型不一样,则直接返回false
     5.逻辑运算符
&&  ||  !
其他类型转boolean
1.number:0或NaN为假,其他为真.
2.string:除了空字符串(""),其他都是true
3.null&undefined:都是false
4.对象:所有对象都为true
           
Function函数的方法对象:
创建
1.function 方法名称(形式参数列表) {
方法体
}
2.var 方法名称 = function (形式参数列表) {
方法体
}


3.属性: length:代表形参的个数,
4.特点:1.方法定义时形参的类型不用写,返回值类型也不用写
    2.方法时一个对象,如果定义名称相同的方法,会覆盖
    3.在js中,方法的调用只与方法名称有关,与参数列表无关
    4.在方法声名中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数
5.调用:
方法名称        (实际参数列表);


正则表达式对象
1.\d:单个数字字符[0-9]
   \w:单个单词字符[a-z A-Z 0-9_]


2.量词符号:
?:表示出现0次或1次
*:表示出现0次或多次
+:出现1次或多次
{m,n}:表示 m < 数量 <=n
m如果缺省:{,n}:最多n次
n如果缺省:{m}:最少m次


3.开始结束符号:
^:开始
$:结束


4.正则对象:
创建:var reg = new        RegExp("正则表达式")
var reg = /正则表达式/;


Global:
1.特点:全局对象
2方法:encodURI():URL编码
decodeURl()解码



基于事件和事件的驱动:
事件:鼠标的点击onclick,就是一个事件,另外还有键盘事件.
事件驱动:当事件发生时,执行什么样的程序命令,事件发生时,会触发相应程序,执行相应的代码.



常见的事件
1.点击事件
1.onclick 单击事件
2.ondbclick  双击事件
2.焦点事件
1.onblur:   失去焦点   
2.onfocus  获得焦点






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2