欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML引入外部javascript是什么属性

程序员文章站 2022-03-11 17:43:29
...

HTML引入外部javascript是script标签的src属性,该属性规定外部脚本文件的URL;语法“<script type="text/javascript" src="js文件路径"></script>”。

HTML引入外部javascript是什么属性

本教程操作环境:windows7系统、HTML5&&javascript1.8.5版、Dell G3电脑。

HTML引入外部javascript是script标签的src属性。

<script> 标签用于定义客户端脚本,比如 JavaScript。

script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。

有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用 <script> 标签中的 src 属性引用该文件即可。

语法

<script type="text/javascript" src="value"></script>
描述
URL

外部脚本的 URL。可能的值有:

  • 绝对 URL - 指向其他站点(比如 src="www.example.com/example.js")
  • 相对 URL - 指向站点内的文件(比如 src="/scripts/example.js")

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="demo.js" ></script>
</body>
</html>

输出:

HTML引入外部javascript是什么属性

说明:

一旦<script>标签使用了src属性,它就作为一个引用外部文件而非编辑页面内部的脚本的元素。也就是说,使用src表明该元素适用于引用一个外部 Javascript 文件,且不是为了在页面中插入一段 Javascript 脚本。

这表明,不应当也无必要(而且无用)在使用了src属性的<script>标签中再插入代码。这会引起不可预知的结果,并且,至少在大多数浏览器中,这没有实际效果。假如向本文实例添加下列代码:

<script src="demo_script_src.js">
   document.write("这个输出的内容来自本文件的 Javascript。");
</script>

它可能会正常解析src属性所引用的 Javascript 文件,但可能并不会执行直接在<script>标签内编辑的任何代码。显然,<script>的诸多特殊性质(比如它的部分只能用于外部文件的属性)决定了,不可能再正常执行引用的外部文件的同时又兼顾其中直接编辑的内容。

【相关推荐:javascript学习教程

以上就是HTML引入外部javascript是什么属性的详细内容,更多请关注其它相关文章!

相关标签: HTML javascript