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() 的理解。

原文地址:https://www.cnblogs.com/expiator/p/6723368.html