注意:这种使用JS代码的方式局限" /> 注意:这种使用JS代码的方式局限" /> 注意:这种使用JS代码的方式局限" />
当前位置:首页> 正文

JavaScript的三种使用用法

JavaScript的三种使用用法
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
 
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中(通常放在body)
 
JavaScript代码可以有三种书写方式:
 
行内式
 
内嵌式
 
外链式
 
1)行内式
<button onclick="JS代码"></button>
注意:这种使用JS代码的方式局限性很大,只针对事件进行添加。并且代码分离性最差,可读性不强(用得少)
 
 
 
2)内嵌式
复制代码
<script>
  /*
      JS代码
      ...
  */
</script>
复制代码
内嵌式的方式就是将JavaScript代码放在 <script> </script> 标签中,浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码
 
注意:那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
 
3)外链式
可以把脚本保存到外部文件中,外部文件通常包含被多个网页使用的代码,外部 JavaScript 文件的文件扩展名是.js
 
外部js文件(myScript.js):
 
alert(“我是外部.js文件里的JavaScript代码,我可以供多个网页使用~”)
引入外部js文件:
 
外链式JavaScript代码需要写在单独的 .js 文件中,供其他html页面引入使用。
 
引入方式是通过 <script src=''></script> 中src属性引入
 
注意:
 
(1)使用外链的 script 标签中不能写任何内容
 
(2)外部脚本中不能包含 script 标签
展开全文阅读

相关内容

标签之间。脚本可被放置在 HTML 页面的 和 部分中(通常放在body)JavaScript代码可以有三种书写方式:行内式内嵌式外链式1)行内式注意:这种使用JS代码的方式局限", "pubDate": "2023-04-12" }