javascript-API!-优快云博客

本文详细解析了JavaScript与HTML在现代前端开发中的核心作用与实践案例，从基本语法到高级特性，全面覆盖了如何利用这两种语言构建交互丰富、响应迅速的网页应用。

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

view plain copy to clipboard print ?

//window （默认不写就是window）
//属性：
opner; //open方法打开的窗口的源窗口
parent; //当前窗口或框架的框架组
top; //最上方的窗口
frames; //对应到窗口中的框架
self; //当前窗口
document; //当前文件的信息
location; //当前URL的信息
history; //该窗口最近查阅过的网页
closed; //判断窗口是否关闭，返回布尔值
name; //窗口名称
status; //状态栏的临时信息
defaultStatus; //状态栏默认信息
outerHeight; //窗口边界的垂直尺寸，px
outerWidth; //窗口边界的水平尺寸，px
pageXOffset; //网页x-position的位置
pageYOffset; //网页y-position的位置
innerHeight; //窗口内容区的垂直尺寸，px
innerWidth; //窗口内容区的水平尺寸，px
screenX; //窗口左边界的X坐标
screenY; //窗口上边界的Y坐标
length; //框架的个数
locationbar; //浏览器地址栏
menubar; //浏览器菜单栏
scrollbars; //浏览器滚动条
statusbar; //浏览器状态栏
toolbar; //浏览器工具栏
offscreenBuffering; //是否更新窗口外的区域
personalbars; //浏览器的个人工具栏，仅Navigator
//方法：
alert("信息字串"); //弹出警告信息
confirm("信息字串"); //显示确认信息对话框
prompt("提示字串","[默认值]"); //显示提示信息，并提供可输入的字段
atob("译码字串"); //对base-64编码字串进行译码
btoa("字串"); //将进行base-64编码
back(); //回到历史记录的上一网页
forward(); //加载历史记录中的下一网页
open("URL","窗口名称","[窗口规格]");
focus(); //焦点移到该窗口
blur(); //窗口转成背景
stop(); //停止加载网页
close();
enableExternalCapture(); //允许有框架的窗口获取事件
disableExternalCapture(); //关闭enableExternalCapture()
captureEvents("事件类型"); //捕捉窗口的特定事件
routeEvent("事件"); //传送已捕捉的事件
handleEvent("事件"); //使特定事件的处理生效
releaseEvents("事件类型"); //释放已获取的事件
moveBy("水平点数","垂直点数"); //相对定位
moveTo("x坐标","y坐标"); //绝对定位
setResizable(true|false); //是否允许调整窗口大小
resizeBy("水平点数","垂直点数"); //相对调整窗口大小
resizeTo("宽度","高度"); //绝对调整窗口大小
scroll("x坐标","y坐标"); //绝对滚动窗口
scrollBy("水平点数","垂直点数"); //相对滚动窗口
scrollTo("x坐标","y坐标"); //绝对滚动窗口
setInterval("表达式","毫秒");
setTimeout("表达式","毫秒");
clearInterval("定时器对象");
clearTimeout("定时器对象");
home(); //进入浏览器设置的主页
find("[字串[,caseSensitivr,backward]]"); //查找窗口中特定的字串
print();
setHotKeys(true|false); //激活或关闭组合键
setZOptions(); //设置窗口重叠时的堆栈顺序
//open方法的窗口规格参数
alwaysLowered //是否将窗口显示的堆栈后推一层
alwaysRaised //是否将窗口显示的堆栈上推一层
dependent //是否将该窗口与当前窗口产生依存关系
fullscreen //是否满屏显示
directories //是否显示连接工具栏
location //是否显示网址工具栏
menubar //是否显示菜单工具栏
scrollbars //是否显示滚动条
status //是否显示状态栏
titlebar //是否显示标题栏
toolbar //是否显示标准工具栏
resizable //是否可以改变窗口的大小
screenX //窗口左边界距离
screenY //窗口上边界距离
top //窗口上边界
width //窗口宽度
height //窗口高度
left //窗口左边界
outerHeight //窗口外边界的高度
personalbar //是否显示个人工具栏
//history
history.back(); //回到上一个历史记录中的网址
history.forward(); //回到下一个历史记录中的网址
history.go(-1); //前往历史记录中的网址
//location
location.host; //主机名称
location.hostname; //host:port
location.href; //完整的URL字符串
location.pathname; //路径
location.port; //端口
location.protocol; //协议
location.search; //查询信息
location.reload(); //重新加载
location.replace("url"); //用指定的网页取代当前网页
//event
event.type; //事件的类型
event.which; //数值表示的键盘或鼠标键
event.button; //数值表示的键盘或鼠标键
event.data //返回拖拽对象的URL字符串（dragDrop）
event.width; //该窗口或框架的高度
event.height; //该窗口或框架的高度
event.pageX; //光标相对于该网页的水平位置
event.pageY; //光标相对于该网页的垂直位置
event.screenX; //光标相对于该屏幕的水平位置
event.screenY; //光标相对于该屏幕的垂直位置
event.target; //该事件被传送到的对象
event.layerX; //光标相对于事件发生层的水平位置
event.layerY; //光标相对于事件发生层的垂直位置
event.x; //相当于layerX
event.y; //相当于layerY
//screen
screen.availHeight; //屏幕区域的可用高度
screen.availWidth; //屏幕区域的可用宽度
screen.colorDepth; //颜色深度 256/8 16/16 32M/32
screen.height; //屏幕区域的实际高度
screen.width; //屏幕区域的实际宽度
//navigator
navigator.appCodeName; //代码
navigator.appName; //名称
navigator.appVersion; //版本
navigator.language; //语言
navigator.mimeType; //以数组表示所支持的MIME类型
navigator.platform; //编译浏览器的机器类型
navigator.plugins; //以数组表示已安装的外挂程序
navigator.userAgent; //用户代理程序的表头
//document
//文件对象的属性：
linkColor 设置超链接的颜色
alinkColor 作用中的超链接的颜色
vlinkColor 链接的超链接颜色
links 以数组索引值表示所有超链接
URL 该文件的网址
anchors 以数组索引值表示所有锚点
bgColor 背景颜色
fgColor 前景颜色
classes 文件中的class属性
cookie 设置cookie
domain 指定服务器的域名
formName 以表单名称表示所有表单
forms 以数组索引值表示所有表单
images 以数组索引值表示所有图像
layers 以数组索引值表示所有layer
embeds 文件中的plug-in
applets 以数组索引值表示所有applet
plugins 以数组索引值表示所有插件程序
referrer 代表当前打开文件的网页的网址
tags 指出HTML标签的样式
title 该文档的标题
width 该文件的宽度（px）
lastModified 文件最后修改时间
//文件对象的方法：
captureEvents(事件) 设置要获取指定的事件
close() 关闭输出字符流，强制显示数据内容
getSelection() 取得当前选取的字串
handleEvent(事件) 使事件处理器生效
open([mimeType,[replace]]) 打开字符流
releaseEvents(事件类型) 释放已获取的事件
routeEvent(事件) 传送已捕捉的事件
write(字串) 写字串或数值到文件中
writeln(字串) 分行写字串或数值到文件中（<pre>..</pre>）
//常用：
window.dialogArgument.location.reload();
if(document.all){
document.write("你的浏览器是：MSIE");
}else{
document.write("你的浏览器是：Navigator");
}
打开窗口：
window.open(url,name,features,replace);
window.open(url,"_self");
window.showModalDialog(url,para,features);
window.showModelessDialog(url,para,features);
url：是要装载到窗口的文档的URL
name：是窗口的名称
features：是一个以逗号分隔的窗口的特征列表
replace：是否替代窗口的内容（通常不写）
para:传递的参数
使用JS刷新showModalDialog窗口,JS刷新模式对话框:
1：在showModalDialo窗口的<html>与<Head>之间加上<base target="_self"> ,使这个页面上链接都在本窗口中打开
2：在页面中加一个隐藏<a>标签，如：<a id="fresh" name="fresh" href="" style="display: none;" mce_style="display: none;">fresh</a>
3:在JS中把当前页面的地址赋到<a>的href属性中，并加上一个随机值，使IE不要到缓存中去读页面，执行单击事件。
reload.href = window.location.href + "&random="+Math.random();
reload.click();
<mce:script type="text/javascript"><!--
window.setTimeout("f();", 3000);
function f(){
alert('三秒到了');
}
// --></mce:script>