栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

JavaScript学习笔记

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript学习笔记

一、概述
Javascript是一种脚本语言,它的目标程序是以普通文本形式保存。JS运行在浏览器当中,浏览器中有执行JS代码的内核。与JAVA并无关系。
Javascript主要用来操作HTML中的节点,产生动态效果。它是一门编程语言。
核心语法:ECMAscript
二、嵌入JS代码的方式
第一种:行间事件。


    
    
    
        
        
        
    

第二种:脚本块方式。


 


 
 
     
 



第三种:引入外部独立的JS文件


xxx.js代表JS文件名。

标识符命名规则和规范按照Java执行。
三、JS中的变量
声明:var 变量名;
赋值:变量名 = 值;
JS语言是弱类型语言,没有编译阶段,直接打开浏览器打开解释执行,在JS中声明变量时不需要指定变量的数据类型,程序在运行过程当中,赋什么类型的值,变量就是什么数据类型,并且变量的数据类型是可以变的。
全局变量:在函数体之外声明的变量。全局变量在浏览器打开的时候分配空间,在浏览器关闭时才销毁。
局部变量:在函数体当中声明的变量。局部变量在函数被调用的时候分配空间,函数执行结束后,内存释放。
四、函数


 
 
     
 



JS中函数不能重载,只要出现同名函数,前面的函数就消失了。
五、JS数据类型
typeof运算符:可以在JS代码运行过程中,动态的获取变量的数据类型。
语法格式:typeof 变量名;
运算结果是以下六个字符串之一:undefined,boolean,string,number,object,function。
JS中判断两个字符串是否相等,用‘==’。
undefined类型:只有一个值,就是undefined,当声明变量没有赋值,系统默认为undefined。
null类型:只有一个值,就是null,typeof null运算结果是:object。
number类型:属于原始类型,整数、浮点数都属于number,还有NaN(表示不是一个数字),Infinity。有一个函数叫isNaN(),这个函数最终返回类型是布尔类型,返回false表示是一个数字,返回true表示不是一个数字。还有一个函数叫Number(),可以将不是数字类型的数据转换为数字类型的数据。parsetInt()函数可以将字符串转换为数字并且只取整数位,可以用来向下取整。
boolean类型:属于原始类型,只有两个值,true和false,有一个函数叫Boolean(),可以将不是布尔类型的变量转换为布尔类型。
string类型:属于原始类型,定义string类型有两种方式:var s=“字符串”; var s = new string(“字符串”);
length属性可获取字符串长度;
object类型:可以将object类型看作是所有对象的超类,在JS当中默认定义的类型,没有特殊说明的话,默认继承object。prototype属性可以给对象动态扩展属性和方法。
JS中怎么定义类new对象调方法:定义类有两种方式:
1、function 类名(形式参数列表){
this.属性名=参数;
this.方法名 =function(){}
}
2、类名=function (形式参数列表){
this.属性名=参数;
this.方法名 =function(){}
}







==,只比较值是否相等
===,既比较值,也比较数据类型是否相等
六、事件
blur:失去焦点
focus:获得焦点

click:鼠标单击
dbclick:鼠标双击

keydown:键盘按下
keyup:键盘弹起

mousedown :鼠标按下
mouseover :鼠标经过
mousemove:鼠标移动
mouseout:鼠标离开
mouseup:鼠标弹起

submit: 表单提交
reset:表单重置

select:文本被选定
change:下拉列表中项改变,或文本框内容改变
load:页面加载完毕
任何一个事件都有对应的事件句柄,事件句柄是在事件名称前添加on。



    



测试失去焦点事件:;
测试获得焦点事件:;
测试click事件:
测试dbclick事件:



事件注册的第一种方式:



    



  
    


第二种方式:


    


    




事件案例:



    

   
   


七、void运算符、JS控制语句、内置对象
语法格式:void (表达式)
执行表达式,不返回任何结果,即使表达式有执行结果,但是经过void后就什么都没了。
选择结构:if,switch
循环结构:for ,while,do…while
转向语句:break,continue,return
JS种特殊语句(不常用):
for…in语句
with语句








内置对象array:







添加元素:数组名.push(添加元素)并且是添加到末尾。
pop():将数组末尾元素弹出,并且长度减一。
reverse():翻转数组。
内置对象date:
var time =new Date();

八、DOM编程案例
BOM是浏览器对象模型:通过BOM的对象和方法可以完成浏览器窗口的操作。顶级内置对象是window。
DOM是文档对象模型:通过DOM对象和方法,可以完成网页中元素的增删改,产生动态效果,顶级内置对象是document。
innerHTML和innerText的区别:



  


    
    
复选框的全选和取消全选:
xiaoke
az
nanami
获取文本框的value: 用户名:
获取下拉列表选中项的value: 周期性调用函数、网页时钟:

九、BOM编程案例
窗口的开启和关闭:









     
     


     




alert和/confirm/i:
alert:弹出消息框
/confirm/i:弹出确认框
十、JSON





    




1、Java和Javascript怎么交换数据?
可以用JSON格式的字符串。
2、JDBC连接数据库查询数据,然后将数据拼接成JSON格式的字符串。
将JSON格式的字符串传给Javascript,然后Javascript当中把json格式字符串转换成JSON对象,就完成了数据交换。


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/750608.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号