【JavaScrip】入门

1、JavaScript代码由

<Script Language =“JavaScript”>..</ Script >说明。

在标识<Script Language =“JavaScript”>...</ Script >之间就可加入JavaScript脚本。

alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示（)中的字符串

2、document .write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗口；

document . close()是将输出关闭

【JavaScrip】入门

3、JavaScript 的基本数据类型和语句结构和C++类似，这里不再赘述

其中，var是表示任意字符串

4、函数

JavaScript函数定义

Function 函数名（参数,变元）

{函数体;.Return 表达式;}

函数中的形式参数：通过argument s.Length来检查参数的个数

5、DOM 修改 HTML 内容

（1）查找 HTML 元素

通过 document.getElementById("ID");

(2)改变 HTML 内容

通过 document.getElementById(id).innerHTML=新的 HTML

（3）改变 HTML 属性

document.getElementById(id).attribute=新属性值

（4）改变 HTML 样式

document.getElementById(id).style.property=新样式

【JavaScrip】入门

结合下面的事件，DOM将有更多的样式

6、事件驱动

事件驱动JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件：

（１）单击事件onClick

当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生：

·button（按钮对象） ·

checkbox（复选框）或（检查列表框）

·radio（单选钮）

·reset buttons（重要按钮）

·submit buttons（提交按钮）

【JavaScrip】入门

（２）onChange改变事件

当利用text或texturea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。

（３）选中事件onSelect

当Text或Textarea对象中的文字被加亮后，引发该事件。

（４）获得焦点事件onFocus

当用户单击Text或textarea以及select对象时，产生该事件，此时该对象成为前台对象。

（５）失去焦点onBlur

当text对象或textarea对象以及select对象不再拥有焦点，而退到后台时，引发该文件，他与onFoca s事件是一个对应的关系。（６）载入文件onLoad当文档载入时，产生该事件。

onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。

（７）卸载文件onUnload

当Web页面退出时引发onUnload事件，并可更新Cookie的状态。

7、对事件做出反应

（1）事件分类

HTML 事件的例子：
当用户点击鼠标时
当网页已加载时
当图像已加载时
当鼠标移动到元素上时
当输入字段被改变时
当提交 HTML 表单时

当用户触发按键时

（2）onmouseover 和 onmouseout 事件鼠标移动到，鼠标离开

function mOver(obj) {
    obj.innerHTML="hello world";
}
function mOut(obj) {
    obj.innerHTML="Bye";
}

<div  onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color: green;width: 120px;height: 120px;padding: 40px"  > 点击这里 </div>

（3）onmousedown、onmouseup //鼠标按下，鼠标按起

相关推荐