【学习笔记】JavaScript（2013-10-03）-优快云博客

本文链接：https://blog.youkuaiyun.com/kieran_/article/details/12251031

本文介绍了如何使用JavaScript进行网页操作，包括通过事件处理程序执行脚本代码、改变HTML元素的内容、创建及关闭窗口等实用技巧，并提供具体示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a href="#" onclick="">

href="#"表示连接到当前页面，其实是没有意义的，页面不会刷新。
重要的是要执行onclick后面的脚本代码。

========================================================================

事件处理程序通常被保存为document对象的属性。

如：

document.onmousedown=MyFunction;//自定义的函数

或：

obj=document.getElementById("id");

obj.onClick=MyFunction;

=========================================================================

innerHTML，改变html元素的内容。

简单的例子：

定义一个div层：

一个字符串：

var strHTML = "<Table><Tr>";
strHTML += "<Td bgColor=#000000 Height=100px Width=100px>fadsf</Td>";
strHTML += "</Tr></Table>";

在脚本里面改变div1的内容：

div1.innerHTML = strHTML;

=========================================================================

创建、关闭窗口：

winObj=window.open('URL','WinName','feature list');

//winobj存储新的window对象，url指定新窗口加载的页面，winname用于引用该窗口

winobj.document.write(something);可用于改变窗口内容

<input type="button" onclick="NewWin=window.open(' ','winName','toolbar=no,status=no,width=200,height=100');">

<input type="button" onclick="NewWin.close();">//不能用winName.close()来关闭

==========================================================================

超时功能：window.setTimeout();

指定一个延时以及延时之后开始执行的指令。

超时功能的标识符存放在一个变量中。

var counter = 0;
ID=window.setTimeout("Update();",2000);
function Update() {
   counter++;
   document.form1.input1.value="The counter is now at " + counter;
   ID=window.setTimeout("Update();",2000);
}

在函数Update里面递归调用本身，实现每2秒刷新一次页面。

===========================================================================