JavaScript 函数、BOM编程

函数

定义函数

// 无参函数
function showName() {
  alert('name');
}

// 有参函数
function showName2(name) {
  alert(name);
}

调用函数

直接调用

showName();

和HTML元素事件绑定

<button onclick="showName()">show</button>
<button onclick="showName2('showname2')">show2</button>

点击show按钮执行函数

递归

function foo() {
  if(/*...*/) {
    return foo();
  }
}

定时器

setTimeout

const t = setTimeout(() => {
  document.write('Hello World!<br/>');
}, 1000);
// 一秒后输出Hello World!

clearTimeout(t); // 取消定时

setInterval

const t = setInterval(() => {
  document.write('Hello World!<br/>');
}, 1000);
// 每秒输出一次Hello World!

clearInterval(t); // 取消定时

BOM

screen

width 宽度
height 高度
availWidth 可用宽度
availHeight 可用高度

location

hash 锚
host 主机
hostname 主机名
href 完整地址
pathname 路径
port 端口
protocol 协议
search ?后面部分
assign() 加载新的文档
reload() 重新加载当前文档
replace() 用新的文档替换当前文档

history

length 返回浏览器历史列表中URL数量
back() 加载history列表中的前一个URL
forward() 加载history列表中的下一个URL
go() 加载history列表中的某个具体页面

navigator

appName 产品名称
appVersion 版本号
userAgent 用户代理信息
platform 系统平台

window对象方法

prompt() 显示可提示用户输入的对话框
alert() 显示对话框
confirm() 显示确认对话框
close() 关闭窗口
open() 打开新窗口

使用

<a href="javascript:location.href='a.html'">跳转到a.html</a>
<a href="javascript:location.reload()">刷新</a>
<a href="javascript:history.back()">返回</a>