Js添加到HTML_js加到html-优快云博客

本文链接：https://blog.youkuaiyun.com/DXTimes/article/details/47291855

本文通过一个具体的示例展示了如何使用JavaScript与HTML元素进行交互，包括动态内容更新、按钮点击事件处理等。此外还介绍了HTML的基本结构及表单元素的应用。

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

Js添加到HTML

记住document是页面的管理者

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>分级标题</title>
</head>

<body>
<p>段落，用于进行排版
    <table border="1" width="80%">
    <tr><td rowspan="3">aaa</td><td colspan="2">aaa</td></tr>
    <tr><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>aaa</td></tr>
     <tr><td>aaa</td><td>aaa</td><td><table border="1"><tr><td>1</td></tr></table></td></tr>
    </table>
</p>

<form action="Untitled-2.html" method="get">
<p>姓名：<input type="text"/></p>
<p>备注：<textarea cols="20" rows="20"></textarea></p>
<p><input type="button" value="测试"/></p>
<p><input type="submit" value="submit"/></p>
<p><input type="reset" value="reset"/></p>
</form>

</body>
</html>

**有两种方式进行网页的跳转：
· 超链接 <a href=””>name</a>
· 表单 <form action = “html” method=“get/post”;**

·利用js来进行页面动态输入

<script language="javascript" type="text/javascript">
alert("欢迎");
function tt(){
    var i;
    for(i = 0;i<3;i++){
        document.write("aa");
        document.write("<hr/>");
        document.write("BBBBB");
    }
}

</script>

<body>？？？？？？？？Body 中有onload 会影响下面body体中的内容？？？？？？？？
    <form name="myform">
        <input type="text" id="content"/>
        <input type="button" onclick="tt();"/>
    </form>
</body>