javascript 学习笔记

来源：互联网发布：济南程序员工资编辑：程序博客网时间：2024/05/01 16:57

javaScript 是一种基于对象和事件的语言，即可以依赖对象也可以操作对象
<script> 和 </script> 可以放在<body> 和 <head>中,也可以放于外部<script src="myScript.js"></script>
一 HTML DOM （文档对象模型）
通过对象模型，js可以动态的创建动态的html
1，可以改变html元素

步骤：找到该元素（通过id,通过表签名）
赋予新值 document.getElementById(id).innerHTML=new HTML

2，可以改变html 属性
找到该元素后 document.getElementById(id).attribute=new value

3，可以改变css样式
找到该元素后 document.getElementById(id).style.property=new style

4，可以对页面的事件做出反应
事件要依赖于对象，（html标签，window）
主要的事件类型有

鼠标时 onclick(onmouseover onmouseout)
当网页已加载时 onload
当用户离开网页时 onunload
当图像已加载时 onload
当输入字段被改变时 onchange
当提交 HTML 表单时 onsubmit

如：<h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>

5创建新的 HTML 元素(因为是文档对象树)
所以向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

6.JavaScript 提供多个内建对象，比如 String、Date、Array 等等。
var message="Hello World!";
var x=message.length;

创建新对象有两种不同的方法：

一定义并创建对象的实例
(1)
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
(2)也可以这样
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}

使用函数来定义对象，然后创建新的对象实例
(1) 这样也行 //这个比较好以后有方法就直接添加到里面就可以了(js,不使用类，也不创建类)要用函数如下
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}
//调用
var mymather=new person("Bill","Gates",56,"blue");
myMother.changeName("Ballmer");

7所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

8,
警告框 alert("文本")
确认框 confirm("文本")
提示框 prompt("文本","默认值")