12-5 “execcommand”方法应用示例.htm

来自「JAVASCRIPT完全自学手册,中源码的验证修订实例」· HTM 代码 · 共 33 行

HTM

33 行

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>12-5  “execCommand”方法应用示例</title>
<style>
* { font-size:12px; font-family:宋体, Arial; } /*规定了所有的字体样式*/
body { overflow:auto; background-color:buttonface; border-style:none; }
a { margin:2px 10px; color:white; font-weight:bold; }
#d01 { font-size:14px; color:white; font-family:Arial, 宋体; background-color:#6090DA; padding:4px 10px; height:24px; }
</style>
<script>
function insertLink(){
    var newLink = document.createElement("a");
    newLink.innerHTML = $("txtDesc").value;
    newLink.href = $("txtAddr").value;
    $("d01").appendChild(newLink);
}
function $(str){ return(document.getElementById(str)); }
</script>
</head>
<body>
<table>
    <tr>
        <td>链接地址：</td><td><input id="txtAddr"></td>
    </tr><tr>
        <td>链接描述：</td><td><input id="txtDesc"></td>
    </tr><tr>
        <td cols="2"><input type="button" value="添加" onclick="insertLink();"></td>
    </tr>
</table>
<div id="d01" ></div>
</body>
</html>

12-5 “execcommand”方法应用示例.htm - 源码说明

本页面展示了「JAVASCRIPT完全自学手册,中源码的验证修订实例」中的 12-5 “execcommand”方法应用示例.htm 源码文件，采用 HTM 编程语言编写，共 33 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JAVASCRIPT相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?