003_JavaScript的编写位置——三种方式

来源：互联网发布：天干地支算法年月日编辑：程序博客网时间：2024/06/04 19:00

三种方式：

1、写在script标签对中（不能加上src属性）。

2、使用src属性，进行外部导入。

3、在标签中的属性中使用: 比如button、a。

测试代码

Html文件<!DOCTYPE html><html><head><!--script标签对：定义和用法<script> 标签用于定义客户端脚本，比如 JavaScript。script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。必需的 type 属性规定脚本的 MIME 类型。JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。提示和注释：注释：假如此元素内部的代码没有位于某个函数中，那么这些代码会在页面被加载时被立即执行。<frameset> 标签之后的脚本会被忽略。必选的属性属性 值 描述type MIME-type 指示脚本的 MIME 类型(默认是"text/javascript"。)。可选的属性属性 值 描述async async 规定异步执行脚本（仅适用于外部脚本）。charset charset 规定在外部脚本文件中使用的字符编码。defer defer 规定是否对脚本执行进行延迟，直到页面加载为止。language script 不赞成使用。规定脚本语言。请使用 type 属性代替它。src URL 规定外部脚本文件的 URL。xml:space preserve 规定是否保留代码中的空白。全局属性<script> 标签支持 HTML 中的全局属性。              --><meta charset="utf-8" /><title></title><!--1、写在script标签对中（不能加上src属性）。        --><script type="text/javascript">alert("我是编写位置一：script标签对。");</script><!--2、使用src属性，进行外部导入。使用src进行导入之后，再在标签对中写JS代码会被忽略。写了之后，在console中有：Failed to load resource: the server responded with a status of 404 (Not Found)好处：代码重用，可以被许多地方调用。利于浏览器的缓存。推荐使用。--><script type="text/javascript" src="js/test.js">//多个script标签对存在的时候，按照顺序执行。//alert("我试试！");//这里的JS代码将会被忽略，不会被执行。</script></head><body><!--3、在标签中的属性中使用:比如button、a。缺点：行为和结构耦合性太高，不方便维护，不推荐使用，除非有特殊要求。        -->                <!--在onclick属性中使用JS代码，直接写就是了。-->        <!--注意：这时候应该使用单引号表示字符串；-->        <!--当点击这个button的时候，将会执行其中编写的JS代码-->        <button onclick="alert('我是编写位置三：button的onclick中！')">点我</button>                        <!--在href属性中写上 javascript: JS代码内容 ;-->        <!--当点击这个链接标签的时候，将会执行其中编写的JS代码-->        <!--一般希望超链接点击的结果不进行跳转的时候-->        <a href="javascript:alert('我是编写位置三：a的href中！');">点我一下</a></body></html>外部JS代码alert("我是编写方式二：外部导入JS代码！");

阅读全文

0 0