📄 12-4 “execcommand”方法应用示例.htm
字号:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>12-4 “execCommand”方法应用示例</title>
<script>
//全选页面内容
function selectAll(){
document.execCommand("SelectAll", false);
}
//弹出“另存为”对话框
function saveAs(){
document.execCommand("SaveAs", true, "C:\\sample.htm");
}
//将页面的文本内容设置为粗体
function boldAll(){
//首先全选页面文本
document.execCommand("SelectAll", false);
//然后调用切换粗体的命令
document.execCommand("Bold", false);
//最后清除选择，恢复页面的状态
document.execCommand("Unselect", false);
}
//弹出“打印”对话框
function print(){
document.execCommand("Print");
}
</script>
</head>
<body style="overflow:auto; padding:0px; margin:0px;">
<div style="font-size:14px; color:white; font-family:Arial, 宋体; background-color:#6090DA; padding:4px 10px;">
你好
<script>
dt = new Date();document.write("，当前时间是 ");document.write(dt.toLocaleTimeString());
</script>
<br/><br/>
<input type="button" value="全选" onclick="this.blur();selectAll();" />
<input type="button" value="保存" onclick="this.blur();saveAs();" />
<input type="button" value="全文加粗" onclick="this.blur();boldAll();" />
<input type="button" value="打印" onclick="this.blur();print();" />
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -