关于js的一点用法
-
-
js是一种弱类型语言,也是一种动态类型语言,js是一种基于对象和事件驱动的脚本语言。弱类型是指它对数据类型的要求不高,动态类型语言是指它在运行期间可以任意赋值。
-
-
基本语法
-
变量
-
语法:使用var声明变量 ,eg:var i = 100; var s = "s";
-
注意:变量名区分大小写,使用期间可以任意赋值,可以不声明就直接赋值使用(不建议)。
-
-
函数
-
-
声明函数 使用function声明
-
有名函数:function methodName(){}
-
匿名函数: function (){}
-
-
使用函数
-
调用有名函数
-
methodName()|methodName区别,前者直接调用函数,后者使用函数的引用。
-
注意:js中调用函数时,不检查形参与实参的匹配情况
-
形参个数<实参个数:自动忽略多余的实参
-
形参个数>实参个数:
-
实参类型为number型,返回:NaN(not a number)
-
实参类型为string型,返回:值+undefined
-
-
-
-
调用匿名函数
-
直接使用事件关联匿名函数:window.onload = function(){}
-
使用变量名(引用)关联匿名函数:var methodName = function(){}
-
-
-
-
对象
-
函数也是对象:function methodName(){},methodName.name
-
js中声明对象
-
var obj = new Object()
-
var jsonObj = {key:value,key2:value2} jsonObj.key
-
-
-
-
-
事件
-
window.onload:加载事件。当前文档完全加载后执行。当前文档完全加载后执行,只能执行一次,不然会覆盖。
完全:指的是包含图片,音频,视频等-
element.onclick:单击事件
-
-
-
js嵌入方式
-
行内:书写在事件属性中,eg:<input onclick="alert()">
-
内部: 书写在<script>标签中
-
外部:书写在xxx.js文件中,引入外部的js文件<script type="text/javascript" src="demo.js"></script>
如果script标签中有src属性,此时该标签的作用为引入外部js,不能在该标签中书写js代码。 -
优先级:就近原则
-
-
-
DOM
- Document Object Model文档对象模型,dom内容皆是节点
* 节点
* 文档节点:document
* 元素节点:element
* 文本节点:text
* 属性节点:attribute
* dom查询
* 基于整个文档查询
1. getElementById():通过id查询
2. getElementsByTagName():通过标签名查询
3. getElementsByName():通过name值查询 - 基于元素节点查找元素
- 子元素
-
-
-
childNodes:所有子节点
-
firstChild:
-
lastChild:
-
getElementsByTagName()
-
-
父元素
-
parentNode
-
-
兄弟元素
-
previousSibling:前
-
nextSibling后
-
-
-
js操作文本 .innerText (文本).innerHTML (文本+html结构)
-
- Document Object Model文档对象模型,dom内容皆是节点