可以将脚本放置于 或者 中,放在 标签中的脚本与外部引用的脚本运行效果完全一致。</div><div>myScript.js 文件代码如下:</div><div style="background-color: #F9F9F9;"><span style="color: green;">function</span><span style="color: gray;"> </span><span style="color: #0055AA;">myFunction</span><span style="color: olive;">(</span><span style="color: olive;">)</span><span style="color: gray;"></span><span style="color: olive;">{</span><span style="color: gray;"> </span><span style="color: teal;">document</span><span style="color: gray;">.</span><span style="color: #0055AA;">getElementById</span><span style="color: olive;">(</span><span style="color: #8B0000;">"</span><span style="color: #AA1111;">demo</span><span style="color: #8B0000;">"</span><span style="color: olive;">)</span><span style="color: gray;">.</span><span style="color: #0055AA;">innerHTML</span><span style="color: gray;">=</span><span style="color: #8B0000;">"</span><span style="color: #AA1111;">我的第一个 JavaScript 函数</span><span style="color: #8B0000;">"</span><span style="color: gray;">;</span><span style="color: olive;">}</span></div><div data-card-type="block" data-ready-card="table" data-card-value="data:%7B%22rows%22%3A1%2C%22cols%22%3A2%2C%22html%22%3A%22%3Ctable%20class%3D%5C%22lake-table%5C%22%20style%3D%5C%22width%3A%20834px%3B%5C%22%3E%3Ccolgroup%3E%3Ccol%20width%3D%5C%2234%5C%22%20span%3D%5C%221%5C%22%20%2F%3E%3Ccol%20span%3D%5C%221%5C%22%20width%3D%5C%22800%5C%22%20%2F%3E%3C%2Fcolgroup%3E%3Ctbody%3E%3Ctr%20style%3D%5C%22height%3A%2033px%3B%5C%22%3E%3Ctd%20style%3D%5C%22color%3A%20%23000000%3B%5C%22%3E%3Cp%3E%3Cbr%20%2F%3E%3C%2Fp%3E%3C%2Ftd%3E%3Ctd%3E%E5%A4%96%E9%83%A8%E8%84%9A%E6%9C%AC%E4%B8%8D%E8%83%BD%E5%8C%85%E5%90%AB%20%26lt%3Bscript%26gt%3B%20%E6%A0%87%E7%AD%BE%E3%80%82%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E%22%2C%22margin%22%3Afalse%2C%22hideBorder%22%3Afalse%2C%22id%22%3A%22phpCj%22%7D"></div><div><br /></div><div><br /></div><div style="text-align: left;"><strong>注意细节:</strong></div><div style="text-align: left;">1、在标签中填写 onclick 事件调用函数时,不是 <strong>onclick=函数名</strong>, 而是 <strong>onclick=函数名+()</strong>,代码如下:</div><div><span style="color: #000088;"><script></span><span style="color: #000000;"> </span></div><div><span style="color: #000088;">function</span><span style="color: #000000;"> myfunction</span><span style="color: #666600;">(){</span><span style="color: #000000;"></span></div><div> document<span style="color: #666600;">.</span><span style="color: #000000;">getElementById</span><span style="color: #666600;">(</span><span style="color: #008800;">"demo"</span><span style="color: #666600;">).</span><span style="color: #000000;">innerHTML</span><span style="color: #666600;">=</span><span style="color: #008800;">"onclick事件触发"</span><span style="color: #666600;">;</span><span style="color: #000000;"></span></div><div><span style="color: #666600;">}</span><span style="color: #000000;"></span></div><div><span style="color: #000088;">
id="demo">一个段落
onclick="myfunction()"type="button">点击这里
2、外部 javascript 文件不使用