您的位置:首页 > 数码常识数码常识

javaweb与javascript(javaweb开发从入门到实战)

2025-05-11人已围观

javaweb与javascript(javaweb开发从入门到实战)
  JavaScript编程语言:1.专门在浏览器编译与执行的编程语言

  javaweb开发从入门到实战JavaScript编程语言:

  2.帮助浏览器解决用户提出简单需求

  3.基于面向对象采用弱类型语法风格实现

  JavaScript学习教程

  老杜讲解的JavaScript教程,内容涵盖了JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScript DOM编程、JavaScript BOM编程、大量前端小案例、JavaScript事件处理、JavaScript对象、继承、JSON等知识点。

  接下来说的JavaScript学习内容均与下边的javaweb学习教程相结合

  http:///?chaijavaweb

  基础语法一、JavaScript命令书写方式

  1.在HTML文件中<script>内部进行命令书写

  2. 在js文件中书写命令格式【推荐】

  二、JavaScript中变量

  1.变量声明方式: JavaScript弱类型编程语言,因此禁止使用具体数据类型修饰变量

  var 变量名;var 变量名1,变量名2;

  2.变量赋值方式

  var 变量名=值var 变量名;变量名=值;

  3.变量名命名规则

  1)变量名只能存在字母,数字,下划线, 美元符号($)

  2) 变量名不能以数字为开始

  3) 不能使用JavaScript关键字作为变量名 var var=10; error

  三、JavaScript中数据类型

  1.分类:

  1)基本数据类型

  2) 高级引用数据类型

  2. 基本数据类型

  1) number类型:数字类型,整数,单精度,双精度都是number类型

  2) string类型: 字符串类型,字符串既可以包裹在一对双引号中也可以包裹在一对单引号 "abc" 'abc'

  3) boolean类型: 布尔类型 值true/false

  3.高级引用数据类型

  1) function类型:函数类型.相当于Java中Method类型。一个function类型对象用于管理一个函数

  2) object类型: 在JavaScript中所有通过构造函数生成的对象都是object

  4. 变量与数据类型之间关系:

  JavaScript中根据变量赋值内容判断变量的数据类型

  四、JavaScript中特殊值

  1. undefined:javascript中变量没有赋值时,其默认值都是undefined。

  此时变量数据类型也是undefined

  2.NaN: 表示非法数字。此时变量数据类型是number

  3.Infinity:表示一个无穷大数字.此时变量数据类型是number

  4.null:表示当前对象指向一个空内存,但是空内存不能存储数据

  此时对象数据类型是object

  五、JavaScript中控制语句和循环语句

  1.与Java控制语句和循环语句语法完全一致

  2.控制语句 if ,switch

  3.循环语句 for while,do..while

  六、JavaScript中数组

  1.JavaScript中数组相当于Java中List集合

  2.JavaScript中数组一次可以存放任意类型数据

  3.JavaScript中数组控制内存个数可以随意改变

  七、JavaScript中函数

  1.函数声明格式

  function 函数名(形参名,形参名){

  命令行;

  命令行;

  eturn 返回值

  }

  1) 函数声明时,必须使用function修饰进行修饰

  2) 函数声明时,禁止指定返回数据类型

  3)函数声明时, 形参只能指定名称,但是不能指定数据类型,也不能使用var进行修饰

  4)函数声明时,可以通过return指定返回数据。

  2.函数调用:

  对象.函数(实参)

  ***window对象中属性和函数在调用时,可以不写window

  JavaScript应用篇(面试)一、JavaScript中dom对象与document对象

  1.dom对象

  1) dom对象:document Object model;文档模型对象

  2) 一个dom对象用于管理一个HTML标签

  3)浏览器每加载一个HTML标签时,自动为这个HTML标签生成一个DOM对象

  2.document

  1)document对象 文档对象

  2) 浏览器根据html标签声明顺序在内存中以树形结构方式存储DOM对象.

  3) document对象由浏览器生成 。一个浏览器只有一个document对象

  4)document对象负责根据定位条件定位dom对象

  二、dom对象定位方式:

  1.根据标签Id属性定位关联的DOM对象

  var domObj=document.getElementById("id属性")

  2.根据标签name属性定位关联的DOM对象

  var domArray=document.getElementsByName("name属性")

  3.根据标签类型定位关联的DOM对象

  var domArray=document.getElementsByTagName("标签类型")

  三、dom对象对标签管理:

  1.dom对象作用:用于对管理的标签中属性进行赋值与取值操作

  2.dom对象管理标签中value属性:

  var num=dom.value; //读取

  dom.value=num; //赋值

  3.dom对象管理标签状态属性

  checked是boolean checked=true 表示被选中,checked=false 表示未被选中

  4.dom对象管理双目标签提示信息

  dom.innerText=值;

  var num=dom.innerText;

  5.dom对象管理标签的样式属性

  dom.style.样式属性名=值

  var num=dom.style.样式属性名

  四、监听事件

  1. 介绍:

  1)HTML标签中一组属性

  2)监听用户在何时以何种方式来操作当前标签。当监听行为发生时。

  监听事件通知浏览器调用javascript函数进行处理

  2.分类:

  1)监听用户使用鼠标操作标签---鼠标监听事件

  2) 监听用户使用键盘操作标签---键盘监听事件

  3.键盘监听事件

  1)onkeydown: 监听用户在何时在当前标签上按下键盘

  2)onkeyup:监听用户在何时在当前标签上弹起键盘

  3)onkeypress:监听用户在何时在当前标签按下一次键盘

  4.键盘监听事件

  1)onclick:监听用户何时使用鼠标单击当前的HTML标签

  2) onblur:监听用户何时使用鼠标让当前标签丢失光标

  3)onfocus:监听用户何时使用鼠标让当前标签获得光标

  4) onmouseover:监听用户何时使用鼠标悬停在标签上方

  5) onmouseout:监听用户何时使用鼠标从标签上方移开

  6)onchange:监听用户何时使用鼠标改变下拉列表中选中项

  上面就是小居数码小编今天给大家介绍的关于(javaweb开发从入门到实战)的全部内容,希望可以帮助到你,想了解更多关于数码知识的问题,欢迎关注我们,并收藏,转发,分享。

  94%的朋友还想知道的:

  excel入门基础和怎样制作表格(excel入门基础知识)

  AutoCAD2008入门级纯净安装教程(autocad2008安装步骤)

  零基础怎么学好cad制图(cad制图零基础入门教程)

  excel表格入门基础教程(excel新手入门教程)



  155701
 

很赞哦! ()

随机图文