在HTML文件中插入JavaScript函数的方法如下:
1、在HTML文件中使用标签来定义JavaScript函数,例如:
- <script>
- function myFunction() {
- // 在这里编写JavaScript函数代码
- }
- </script>
2、在HTML文件中调用JavaScript函数,例如:
<button onclick="myFunction()">点击这里</button>
这将在单击按钮时调用名为myFunction()的JavaScript函数。您还可以通过其他方式调用JavaScript函数,例如在页面加载时自动调用或在其他事件触发时调用。在使用JavaScript函数时,请确保将JavaScript代码放在或标签中,并确保在调用函数之前定义它们。
下面是一个例子,展示如何使用JavaScript函数在HTML中插入表格:
- <html>
- <head>
- <title>表格1title>
- <script type="text/javascript">
- function createTable()
- {
- var t = document.createElement('table');
- for (var i = 0; i < 20; i ++)
- {
- var r = t.insertRow();
- for (var j = 0; j < 5; j ++)
- {
- var c = r.insertCell();
- c.innerHTML = i + ',' + j;
- }
- }
-
- document.getElementById('parent').appendChild(t);
- t.setAttribute('border', 1);
- }
- script>
- head>
-
- <body>
- <div id="parent" style="border:1px solid black">
- div>
- <script>
- createTable();
- script>
- body>
- html>
浏览器效果:
