javascript笔记
JavaScript 是一种脚本语言,可插入 HTML 页面的编程代码。
JavaScript可用于操作HTML元素、css元素,对页面所有事件做出反应。
零、特点:
1.js是一门灵活的动态类型语言。句末可不带分号,数据类型可不声明。函数可以有return也可以省略。
2.js是个多范式的语言,既有面向对象语言的特性,又有函数式语言的特性。而它的面向对象特性是基于原型链的,而不是传统OOP基于类的。
(原型链是什么意思?原型与原型链的详细理解 )
一、位置:
1.<script>可以放在html的<head>中,也可以放在<body>中。
2.<script language="javascript">是在较老的浏览器中开始使用的,<script type="text/javascript">在HTML4中开始使用。
一般用<script type="text/javascript">
3.在HTML5中, <script> 标签内可以不必添加 type="text/javascript",因为js在HTML5中已经设置为默认脚本语言
二、数据类型:
动态数据类型,弱类型。所有数据类型都可以用var表示 。
比如:
var x1=34.00; //定义浮点数
var x2=34; //定义整数
var name="Bill Gates"; //定义字符串
var cars=["Audi","BMW","Volvo"]; //定义数组
三、函数:
用function定义函数。
function 函数名(){
}
函数的参数可以不指定数据类型。
函数末可以带return返回值,也可以不带
四、对象:
1.对象的属性以名称和值对的形式 (name : value) 来定义,通过 对象.name来调用,类似C语言中的结构体
如 var person={firstname:"feng", lastname:"lin", id:5566};
这样的话 person.lastname的值为"lin"
2. javascript内置对象可以通过new创建,包括Array、Date、String、Boolean、Math、RegExp等
3.
五、HTML DOM
HTML DOM (Document Object Medol):文档对象模型。
1.HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理HTML 文档的标准方法。
通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
HTML DOM 模型被构造为对象的树。
2.写入HTML输出 document.write(" ");
注意:在文档加载之后使用 document.write()会覆盖该文档。
通过Id找到元素 document.getElementById("id")
通过tag找到元素 getElementsByTagName(tagname) 注意: 返回的是带有指定标签名的对象的集合。
获取HTML内容 document.getElementById("id").innerHTML
修改HTML内容 document.getElementById("id").innerHTML=
3.创建新的 HTML 元素
如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
appendChild() 方法: 向节点添加最后一个子节点。
比如:
var node=document.createElement("p");
var nodeText=document.createTextNode("这是新生成的段落");
node.appendChild(nodeText);
4.删除HTML元素
removeChild:用于删除HTML元素
比如:
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
六、事件:
onLoad表示进入网页时触发。
onUnLoad表示离开网页时触发 。
onchange用于验证输入
onmouseover 用于在鼠标移至 HTML 元素上方触发
onmouseout 用于在鼠标移出 HTML 元素上方触发
onmousedown 点击鼠标按钮触发
onmouseup 释放鼠标按钮时触发
七、windows对象
window.location.href 跳转页面
疑问:
1.dom如何应用?
2.bind()、find()、each() 的理解。
相关文章
- JavaScript笔记(11)之Web APIs阶段 获取元素
- JavaScript笔记(19)之JS执行机制
- JavaScript刷LeetCode拿offer-双指针技巧Medium篇
- JavaScript 行内 | 内嵌 | 外链
- java作用域-javaScript预编译、作用域,作用域链详解
- JavaScript 笔记
- JavaScript笔记详解编程语言
- javascript eval动态变量的方法详解编程语言
- Javascript个人笔记(没有整理,很乱)
- javascript下过滤数组重复值的代码
- JavaScript中级笔记第二章
- JavaScript中级笔记第三章
- JavaScript语言的递归编程
- JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
- JavaScript使用IEEE标准进行二进制浮点运算产生莫名错误的解决方法
- JavaScript高级程序设计客户端存储学习笔记
- Javascript学习笔记delete运算符
- javascript权威指南学习笔记之null和undefined
- Javascript异步加载详解(浏览器在javascript的加载方式)
- javascript学习笔记(九)js对象设计模式
- JavaScript高级程序设计(第3版)学习笔记5js语句
- 如何使用Javascript获取距今n天前的日期
- javascript简单性能问题及学习笔记
- javascript内置对象arguments详解
- Javascript学习笔记之数组的遍历和length属性
- JavaScript基础知识学习笔记
- 浅谈javascript中createElement事件