作者:高正_飞翔之殇_826 | 来源:互联网 | 2020-08-02 11:56
这篇文章主要介绍了JavaScript与HTML的结合方法,利用实例向大家介绍JavaScript与HTML是如何结合的,内容很详细,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Javascript与HTML的结合方法,利用实例向大家介绍Javascript与HTML是如何结合的,内容很详细,感兴趣的小伙伴们可以参考一下
HTML中的Javascript脚本必须位于标签之间,Javascript脚本可被放置在HTML页面的标签和标签中,这种视情况而定,一般放在标签内。
一、会告诉Javascript在何处开始
和结束。之间的代码行包含了Javascript:
您无需理解上面的代码。只需明白,浏览器会解释并执行位于 之间的 Javascript。那些老
旧的实例可能会在
您只能在 HTML 输出流中使用 document.write。
如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
我们先不管Javascript代码怎么写和怎么运行,先来看运行结果:
实例代码:
My Web Page
A Paragraph.
运行的结果为:
实例代码:
My First Web Page
A Paragraph.
运行的结果与上述五的结果一样!
提示:我们把 Javascript 放到了页面代码的底部,这样就可以确保在
元素创建之后再执行脚本。
七、外部的Javascript
我们也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 Javascript 文件的文件扩
展名是 .js。如需使用外部文件,请在
My Web Page
A Paragraph.
注释:myFunction 保存在名为 "myScript.js" 的外部文件中。
myScript.js代码:
function myFunction()
{
document.getElementById("demo").innerHTML="My First Javascript Function";
}
运行的结果和上述一致!
提示:在中引用脚本文件都是可以的。实际运行效果与您在标签中编写脚本完全一致。
外部脚本不能包含 标签。
以上就是Javascript与HTML的结合方法,希望对大家的学习有所帮助。