脚本宝典收集整理的这篇文章主要介绍了JavaScript详细笔记,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
专门在浏览器编译执行的语言
处理用户与浏览器之间请求问题
采用弱类型编程风格对面对对象思想进行实现
强类型编程语言风格
对象行为收到修饰类型的严格约束
java
弱类型编程语言风格
不受流失类型的约束
可以调属性和方法
JavaScript
<!--htML文件--><head><script tyPE="text/javascript" src="script.js"></script> </head><body> <input type="button"value="按下" onclick="fun()"></body><!-- 在script.js文件下 写下 代码 不用写<script></script>-->function fun() { window.alert("你瞅瞅啥!!!")}
type="text/javascript" 必须声明
通知浏览器解析script标签 需要文本编辑器与javaScript编译器
script可以在html文件任意位置存在
可以结尾;也可以省略
//命令格式//VAR代替了原来java语法中的数据类型//命名格式 声明格式与java一样
Object:通过构造方法生成的对象
function:函数方法
javascript 是弱语言 根据变量的赋值内容来决定数据类型
赋值改变 可以动态改变类型
undefined:默认值 没有被赋值时 返回类型【undefined】但不算一个类型
null:表示对象引用了一个空内存 不能存储 读取【Object类型】
NAN:非法数字 【number类型】
infinITy:无穷大数字 【number类型】
typeof 数据
function 函数名(参数名){ javascript命令行 return 返回值}
必须function声明
禁止写返回类型
禁止写形参类型
有返回值 用return
浏览器不会自动调用函数
可以用命令行调用
绑定HTML标签上的监听事件【onclick】通知浏览器执行
<input type="button"value="按下" onclick="函数名()">
帮助浏览器对用户提出请求进行处理
文档模型对象
浏览器接收到html文件 将标签加载到浏览器缓存中
每加载一个标签 生成一个对应的DOM对象
浏览器关闭会销毁缓存中DOM对象
请求其他新资源文件会覆盖原有DOM对象
浏览器在所有标签加载完毕后 在内存中用树状结构存储DOM对象
树状结构生成完毕 会生成一个document对象进行管理这颗DOM树
一个浏览器(一个窗口一个)运行只会生成一个document对象
浏览器关闭会销毁document对象
根据html标签id属性定位DOM对象
var 属性名 = document.getElementByID("id属性名");
根据html标签name属性定位DOM对象
var 属性名 = document.getElementByName("name属性名");
根据html标签类型定位DOM对象
var 属性名 = document.getElementByTagName("标签类型名");
DOM对象.value
DOM对象.style.样式属性
//状态属性都是boolean类型//disabled 当前标签不可用//checked 表示标签是否选中 只存在radio标签与checkbox
//innerText 只能写入文本//innerHtml 能写入HTML标签
监听用户何时以何种方式对当前标签进行操作
监听到相关行为 通知浏览器调用对应的JavaScript函数处理
监听何时使用鼠标操作当前标签
监听何时使用键盘操作当前标签
onclick:【单击】标签鼠标
onmouseover:【悬停】标签上方
onmouseout:【移开】标签上方
onfocus:【获得光标】通过鼠标
onblur:【丢失光标】通过鼠标
onkeydown:【按下键盘】
onkeyup:【弹起键盘】
浏览器是自上而下解析标签
还没加载完DOM对象 没法得到对象
作用:监听浏览器何时将标签加载完毕
意义:onload可以调用函数 对标签进行处理 就不会出现找不到DOM对象的问题
<script type="text/javascript"> function fun(){ }</script><body onloocd="fun()"> </body>
前提:同一个监听事件绑定多个HTML标签
命令格式:DOM对象.监听事件名 = 函数 【不能有括号】
要用Onload属性 直接调用
function类型是JavaScript的高级数据类型
一个function对象管理一个具体函数
标准声明方式:
function 函数对象名(参数,参数){ 命令}
匿名声明方式:
var 函数对象名 = function (参数,参数){命令}
浏览器加载<script>时,加载两次
第一次加载,将script标签所有的标准声明对象进行创建
第二次加载,将script标签所有的命令行按自上而下的
定义:在函数内部 通过var声明的变量
特征:只能在函数内部使用,不能在函数外使用
定义:全局变量可以在HTML文件中所有函数中使用
全局变量被声明时,自动分配给window对象作为属性
声明全局变量;
一:在script标签下,通过var声明的变量,就是全局变量
二:在函数执行体内,没有通过var修饰符修饰的变量也是全局变量
但函数要被调用才会执行
通过构造函数生成的对象其数据类型都是Object类型
对象创建完毕,可以任意添加或移除属性与方法
添加属性:对象.属性名 = 值
添加函数:对象.函数名 = function (参数名){命令}
添加属性:对象["属性名"] = 值
添加函数:对象["函数名"] = function (参数名){命令}
移除属性 函数
delete 对象.属性名或函数名
function 函数对象名(){ }
var Object对象名 = new 函数对象名()
没有调用前无法区分
普通:var 名 = 函数对象名()
构造:var 名 = new 函数对象名()
返回值:普通函数运行结束 return运算结果返回
构造调用 直接返回Object类型对象 return直接失效
构造函数,this指向当前构造函数生成的Object对象
在普通函数,this指向调用当前函数的实例对象
fun();//直接调用 this是指window这个对象
Z省 对象
前提:javaScript得到Object对象
构造方法生成
JSON数据描述格式生成:获取Object类型对象简化版
标准命令格式:
var obj = {"属性名":值,"属性名":值, "函数名":function (){}}
JSON数组
var obj = [ {"属性名":值,"属性名":值,"函数名":function (){}}, {"属性名":值,"属性名":值,"函数名":function (){}}]
String 名 = “{"属性名":值,"属性名":值,"函数名":function (){}}”;//写入请求体作用域 请求转发 使用EL表达式
185-187 笔记等
以上是脚本宝典为你收集整理的JavaScript详细笔记全部内容,希望文章能够帮你解决JavaScript详细笔记所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。