JavaScript常用命令

Window、Navigator、Location、History常用对象的基本使用方法


 // 警告提示框
 alert(字符串或变量);
 // 确认提示框
 var test = confirm(str);
 1.点击"确定"按钮时,返回 true
 2.点击"取消"按钮时,返回 false
// 提问对话框
 prompt(str1, str2);
 --参数说明:
 str1: 要显示在消息对话框中的文本,不可修改
 str2:文本框中的内容,可以修改
 1. 点击确定按钮,文本框中的内容将作为函数返回值
 2. 点击取消按钮,将返回 null


// 打开新窗口
 var wi = window.open([URL], [窗口名称], [参数字符串])
 --参数说明:
 URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
 窗口名称:可选参数,被打开窗口的名称。
 1.该名称由字母、数字和下划线字符组成。
 2."_top"、"_blank"、"_selft"具有特殊意义的名称。
 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
 4.name 不能包含有空格。
 参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
 // 关闭窗口
 window.close(); //关闭本窗口
 wi.close(); //关闭指定的窗口

// 通过ID获取元素
 document.getElementById(“id”);

// 获取元素的值
 document.getElementById(“id”).value;

// innerHTML 标签内容 ,区分大小写
 Object.innerHTML = "xxx"

// 改变 HTML 样式 (属性值要用引号包括)
 Object.style.property=new style; // 例 mychar.style.color="red";

// 显示和隐藏(display属性)
 Object.style.display = "none" //!!!! 属性值要用引号包括

// 控制类名(className 属性) 更改class属性
 object.className = classname
//不能直接使用object.class,因为class是保留字

事件句柄
HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。
1.鼠标经过事件(onmouseover)
2.鼠标移开事件(onmouseout)
3.光标聚焦事件(onfocus)
4.失焦事件(onblur)
5.内容选中事件(onselect)
6.文本框内容改变事件(onchange)
7.加载事件(onload)
8.离开事件(onunload)
9.鼠标单击事件(onclick),例如 [ onclick=”add2()” ]一起使用


// JavaScript  间隔计时器
setInterval(代码,交互时间);
--参数说明:
1. 代码:要调用的函数或要执行的代码串。
2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

// 取消间隔计时器
clearInterval(id_of_setInterval) //id_of_setInterval:由 setInterval() 返回的 ID 值。

// 延时计时器,只执行一次,可以嵌套使用,实现循环计时器
setTimeout(代码,延迟时间);
在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
--参数说明:
1. 要调用的函数或要执行的代码串。
2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。

// 取消计时器
clearTimeout(id_of_setTimeout)

计时器:0

2 条评论

发表评论

*