完整的 JavaScript 实现是由以下 3 个不同部分组成的:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)。

1 定时器

var t = setTimeout("alert('1秒!')",1000);  //设置定时器

clearTimeout(t); //清除定时器

2 cookie操作

function setCookie(keyname,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=keyname+ "=" +escape(value)+
((expiredays==null) ? "" : "; expires="+exdate.toGMTString())
}

function getCookie(keyname)
{
if (document.cookie.length>0)
{
var keystart=document.cookie.indexOf(keyname+ "=");
if (keystart!=-1)
{
keystart=keystart+ keyname.length+1;
var keyend=document.cookie.indexOf(";",keystart);
if (keyend==-1) keyend=document.cookie.length;
return unescape(document.cookie.substring(keystart,keyend));
}
}
return ""
}

3 JavaScript 的图像映射

<img src="s.jpg" border="0" usemap="#planetmap" alt="sample" />

/*注释:<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。*/

<map name="planetmap" id="planetmap">

/*area 元素总是嵌套在 <map> 标签中*/

/*coords说明 http://www.w3school.com.cn/tags/att_area_coords.asp*/

<area shape="circle" coords="10,139,14"
onMouseOver="f()" href ="target.html" target ="_blank" alt="Ve" />

<area shape="rect" coords="0,0,10,260"
onMouseOver="t()" href ="target.html" target ="_blank" alt="Sun" />

</map>

4 把窗口滚动到指定的位置

window.scrollTo(xpos, ypos)

xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。
scrollBy(xnum,ynum)
xnum 必需。把文档向右滚动的像素数。
ynum 必需。把文档向下滚动的像素数。

5 跳出框架

if (window.top!=window.self)
{
window.top.location="sample.htm"
}

6 对话框

确认框

var r=confirm("Press a button!");
if (r==true)
{
alert("You pressed OK!");
}
else
{
alert("You pressed Cancel!");
}

提示输入框

var name=prompt("请输入您的名字","Bill Gates")
if (name!=null && name!="")
{
document.write("你好," + name + "!今天过得好吗?")
}

7 向表格添加新行 - 然后向其添加内容

var x=document.getElementById('myTable').insertRow(0);//deleteRow 删除行
var y=x.insertCell(0)
var z=x.insertCell(1)
y.innerHTML="NEW CELL1"
z.innerHTML="NEW CELL2"

标签: javascript

评论已关闭