1.学习笔记JavaScript 使用


<script> 标签

HTML 中,JavaScript 代码必须位于 <script></script> 标签之间

实例

<!DOCTYPE html>
<html>
<body>

<script>
document.write("我的第一段 JavaScript");
</script>

</body>
</html>



注释:旧的 JavaScript 例子也许会使用 type 属性:<script type="text/javascript">
注释:type 属性不是必需的JavaScriptHTML 中的默认脚本语言



JavaScript 函数和事件

JavaScript函数 是一种 JavaScript代码块,它可以在调用时被执行。
例如,当发生事件时调用函数,比如当用户点击按钮时。



<head> 或 <body> 中的 JavaScript

可以在 HTML 文档中放置任意数量的脚本(即JavaScript)
JavaScript可被放置与 HTML 页面<body> </body><head> </head>标签对中间

<head> 中的 JavaScript

<!DOCTYPE html>
<html>
<head>
<script>
    document.write("Hello Javascript");
</script>
</head>

<body>

</body>
</html>


<body> 中的 JavaScript

<!DOCTYPE html>
<html>
<head>

</head>

<body>
<script>
    document.write("Hello Javascript");
</script>
</body>
</html>

提示:把脚本置于 <body> 元素的底部,可改善显示速度,因为脚本编译会拖慢显示。



外部脚本(即外部javascript)

javaScript代码可放置与外部文件中:
新建txt文件,放入javaScript代码,以文件名myScript.js保存,后缀必须为.js

外部文件:myScript.js代码

document.write("Hello Javascript");



在html中调用:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>



外部脚本很实用,如果相同的脚本被用于许多不同的网页。
JavaScript 文件的文件扩展名是 .js
如需使用外部脚本,请在 <script> 标签的 src (source) 属性中设置脚本的名称:

可以在 <head><body>中放置外部脚本引用。
该脚本的表现与它被置于 <script> 标签中是一样的。

注释:外部脚本不能包含 <script> 标签。


外部 JavaScript 的优势

在外部文件中放置脚本有如下优势:

①分离了 HTML 和代码
②使 HTML 和 JavaScript 更易于阅读和维护
③已缓存的 JavaScript 文件可加速页面加载

如需向一张页面添加多个脚本文件 - 请使用多个 script 标签:
列如

<script src="myScript1.js"></script>
<script src="myScript2.js"></script>




外部引用

可通过完整的 URL 或相对于当前网页的路径引用外部脚本:
使用完整的 URL 来链接至脚本:

<html>
<body>

<script src="https://luoboa.cn/geren/js/APlayer.min.jam.js"></script>

</body>
</html>

ps:这里我使用了位于当前网站上指定文件夹中的脚本(即javaScript文件)










声明:灵念の小窝|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 1.学习笔记JavaScript 使用


人生如逆旅,我亦是行人
但愿初相见,不负有心人