
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
原创文章转载请注明:转载自:JavaScript常用命令
哎呦,不错额 😎
学习的好地方,有代码,有示例,不错