在HTML中插入Javascript代码的示例

Javascript代码可以包含在HTML文档中的任何地方,但也有以下最好的方法将Javascript包含在HTML文件中。

在部分…
在部分…
在…和…部分。
脚本和外部文件随后包含在…


在下面的部分中,我们将看到Javascript如何包含在差异中:

在Javascript…部分:

如果您想在某些事件上运行脚本,当用户单击某个位置时,如脚本的头部,如下所示:





<!——
函数sayHello(){
警报(Hello World)
}













这将产生以下结果:



部分Javascript:

如果需要加载脚本的页面,以便脚本生成要运行的页面的内容,则脚本是文档的一部分,在这种情况下,您不必使用Javascript定义的所有函数:







<!——
document.write(Hello World)


这是网页正文









部分Javascript:

您可以将Javascript代码放在下面的一部分:





<!——
函数sayHello(){
警报(Hello World)
}





<!——
document.write(Hello World)











在Javascript外部文件中:

当您开始更广泛地使用Javascript时,您可能会发现在站点的多个页面上重复使用相同的Javascript代码。

您不仅限于在多个HTML文件中保存相同的代码,而且脚本标记提供了一种机制,允许Javascript在外部文件中存储,然后将其包含在HTML文件中。

下面是一个示例,说明如何使用脚本标记和SRC属性在HTML代码中包含外部Javascript文件:














使用来自外部文件源的Javascript,您需要使用扩展来在一个简单的文本文件中记录所有Javascript代码。Js,然后包含文件,如上图所示。

例如,你可以把下列文件filename.js内容,然后包括在HTML文件中的filename.js文件并使用sayhellofunction:


函数sayHello(){
警报(Hello World)
}