Javascript
一个完整的JavaScript是由核心语法（ECMAScript）、浏览器对象的模型（BOM）、文档对象模型（DOM）组成。
在网页中引用JavaScript的方式：
1.使用<script>标签<script type=”text/JavaScript”>
<!--
JavaScript语句；
-->
</script>
2.使用外部JavaScript文件<script type=“text/JavaScript”src=“文件名.js”></script>
3.直接在HTML标签中使用
1）通过事件
2）伪URL
变量使用关键字var声明；
数据类型：
undefined(未定义类型)：声明的变量未初始化，默认值是undefined；
null(空类型)：检测某个变量是否被赋值，（null==undefined）返回值为true；
number(数值类型)：所有的数值类型；
string(字符串类型)：字符串可被单引号和双引号括起来；
boolean(布尔类型)：true/false；
object：一个对象；
typeof运算符：判断一个值或变量究竟属于哪种数据类型。
typeof(变量或值)
注释、运算符号、逻辑控制语句和java类似；
parseInt(“字符串”)：parseFloat(“字符串”)：
例：parseInt(“78.89”)返回值为78；例：parseFloat(“4567color”)返回值4567；
parseInt(“4567color”)返回值4567;parseFloat(“45.58”)返回值45.58；
parseInt(“this36”)返回值NaN;parseFloat(“color4567”)返回值NaN；
parseFloat(“45.58.25”)返回值45.58；isNaN(x)检查x是否为非数字：isNaN(“12.5”)；返回值为false；
isNaN(“12.5s”)；返回值为true；
isNaN(45.8)；返回值为false；
创建函数：有参数：function函数名(参数1，参数2，参数3……)
{JavaScript语句；}
无参数：function函数名()
{JavaScript语句；}
调用函数：事件名=“函数名()”;
在script里面调用函数不需要加小括号；
匿名函数：书本46页；
Window对象常用的属性：screen有关客户端的屏幕和显示性能的信息
history有关客户访问过的URL的信息
loction有关当前URL的信息
Window对象常用的方法：
eval()这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它
prompt显示可提示用户输入的对话框
prompt(“提示消息”,”输入框的默认信息”);
alert显示一个带有提示信息和一个“确认”按钮的警示框
alert(“提示消息”);
confirm显示一个带有提示信息、“确认”和“取消”按钮的对话框confirm(“对话框中显示的纯文本”)；返回true/false使用“\n”换行close关闭浏览器窗口
window.close();
open打开一个新的浏览器窗口，加载给定URL所指定的文档
window.open(“弹出窗口的url”,”窗口名称”,”窗口特征”);
窗口特征：
height、width：窗口文档显示区的高度、宽度，以像素计
left、top：窗口的X坐标、Y坐标、以像素计
toolbar=yes|no|1|0：是否显示浏览器的工具栏，默认是yes
scrollbars=yes|no|1|0：是否显示滚动条，默认是yes
location=yes|no|1|0：是否显示地址栏，默认是yes
status=yes|no|1|0：是否显示添加栏，默认是yes
menubar=yes|no|1|0：是否显示菜单栏，默认是yes
resizable=yes|no|1|0：窗口是否可调节尺寸，默认是yes
titlebar=yes|no|1|0：是否显示标题栏，默认是yes
Fullscreen=yes|no|1|0：是否使用全屏模式显示浏览器，默认是no setTimeout在指定的毫秒数后调用函数或计算机表达式
setTimeout(“调用的函数名称”，等待的毫秒数)；只执行一次
停止延时器：clearTimeout(延时器);
setInterval按照指定的周期（以毫秒计）来调用函数或表达式
setInterval(“调用的函数名称”，周期性调用函数之间间隔的毫秒数)；执行多次
停止计时器：clearInterval(计时器);
Window对象的常用事件：
onload：一个页面或一副图像完成加载
onmouseover：鼠标移动某元素之上
onmouseout：鼠标从某元素移开
onclick：鼠标单击某个对象
onkeydown：某个键盘按键被按下
onchange：域的内容被改变
onmousedown：鼠标按钮被按下
onscroll：用于捕捉页面垂直和水平的滚动
onfocus：获得焦点时触发
onblur：失去焦点时触发
Date对象：
getDate()：返回Date对象的一个月中的每一天，其值介于1~31之间
getDay()：返回Date对象的星期中的每一天，其值介于0~6之间
getHours()：返回Date对象的小时数，其值介于0~23之间
getMinutes()：返回Date对象的分钟数，其值介于0~59之间
getSeconds()：返回Date对象的秒数，其值介于0~59之间
getMonth()：返回Date对象的月份，其值介于0~11之间
getFullYear()：返回Date对象的年份，其值为4位数
getTime()：返回自某一时刻（1970年1月1日）以来的毫秒数
<script>
var se;//声明一个全局变量
function startTime(){
var date=new Date();//获得系统的当前时间
var FullYear();//获得年份
var Month();//获得月份
var Date();//获得天数1-31
var Hours();//获得小时数，0-23
var Minutes();//获得分钟数,0-59
var Seconds();//获得秒钟数,0-59
var Day();//获得星期几，0-6，0代表周日，1代表周1
var time=year+"年"+(month+1)+"月"+d+"日"+hh+":"+mm+":"+ss+"星期"+day;
history对象的方法：
back()：加载history对象列表中的前一个URL，相当于后退
forward()：加载history对象列表的下一个URL，相当于前进javascript全局数组
go(n)：加载history对象列表的第n个URL
loction对象的属性：
host：设置或返回主机名和当前URL的端口号
hostname：设置或返回当前URL的主机名
herf：设置或返回完整的URL
location下的href属性，能完成超链接的效果，比如：
<a href="百度.html">xxxx</a>相当于
<a href="javascript:location.href='百度.html'">xxxx</a>
loction对象的方法：
reload()：重新加载当前文档
replace()：用新的文档替换当前的文档
document对象的常用属性：
referrer：返回载入当前文档的文档的URL
URL：返回当前文档的URL
document对象的常用方法：
getElementById()：返回对拥有指定id的第一个对象的引用。HTML DOM提供的方法getElementByName)：返回带有指定名称的对象的集合。HTML DOM提供的方法
getElementByTagName()：返回带有指定标签的对象的集合。Core DOM提供的方法write()：向文档写文本、HTML表达式或JavaScript代码
层次关系
parentNode：父节点
firstChild：第一个节点
lastChild：最后一个节点
2、查看/修改属性
得到属性的值
1）obj.属性名
2）Attribute("属性名");
修改属性的值
1）obj.属性名="属性值";
obj.setAttribute("属性名"，“属性值”)
3、创建、增加节点
页面内容的增删改：
createElement("标签名");：创建一个节点
比如：createElement("img")---><img>
appendChild(节点)：在末尾追加一个节点
insertBefore(新节点，旧节点)：在指定的旧节点之前加入新节点
cloneNode()：复制节点
情况一：把id所在标签内部所有代码一起复制
结果为：
<div>
<img src="xx.jpg"/>
<p>我是一段文字</p>
</div>
情况一：仅仅把id所在的标签复制下来
结果为：
<div></div>
注意：只有当前节点的父节点才能进行删除和替换节点
removeChild()：删除某个节点
replaceChild(新节点，旧节点)：用新节点代替旧节点
1、表格对象
属性：rows[]：返回表格所有行对象组成的集合
方法：insertRow(index)；在索引值为index的行之前插入一个新行
deleteRow(index)；删除索引值为index的行对象
2、行对象
属性：cells[]：返回当前行的所有单元格对象组成的集合
rowIndex：返回当前行在表格中的位置（索引值）
方法：insertCell(index)；在索引值为index的单元格之前插入一个新的td对象deleteCell(index)；删除索引值为index的这个单元格对象
3、单元格对象
属性：cellIndex：返回单元格索引值
innerHTML：文本内容
align:left/center/right
className：类名
页面内容的显示和隐藏
visibility：visible显示/hidden隐藏(空间还在，留一片空白)
display：block显示（前后有换行）/none隐藏/inline(前后不换行)(隐藏后不占任何空间) DOM的规定：
整个文档是一个文档节点。
每个HTML标签都是一个元素节点。
包含在HTML元素中的文本是文本节点。
每一个HTML属性都是一个属性节点。
注释属于注释节点。
DOM的组成：
Core DOM：也称核心DOM编程，定义了一套标准的针对任何结构化文档的对象。包括HTML、XHTML和XML。
XML DOM：定义了一套标准的针对XML文档的对象。
HTML DOM：定义了一套标准的针对HTML文档的对象。
js和css的交互：
用js调用css样式时，如果这个样式是由两个单词拼成的，如text-align/border-color等，记得把短横去掉，并把第二个单词的首字母大写，如textAlign/borderColor
用js调用css的两种方法：
HTML元素.style.样式属性="值"；
方法一：对象.style.样式名修改单独某个样式
比如：对象.style.borderColor修改对象的边框颜
对象.Align修改对象的对齐方式
方法二：对象.className修改整个类样式
select()：选中所有文本
图片随着滚动条上下滚动：
为了滚动属性能正常显示，记得在网页的开头加上xhtml规范：
<!doctype html public"-//w3c//dtd xhtml  1.0strict//en" "/tr/xhtml1/dtd/xhtml1-strict.dtd">
document.documentElement.scrollTop：滚动条上方距离
document.documentElement.scrollLeft：滚动条左方距离
字符串的方法和属性：
length：求长度
charAt(下标)：返回指定下标处的字符
indexOf(字符串)：返回指定字符串所在的下标
比如：str="abcdefg"
substring(下标1，下标2)：返回两个下标之间的字符串
比如：str="abcdefg"
str.substring(3)---->defg

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。