首页  >  文章  >  web前端  >  javascript代码写在哪里

javascript代码写在哪里

青灯夜游
青灯夜游原创
2021-10-14 11:50:1513325浏览

javascript代码可以写在:1、用script标签,写在Html网页的Body部分中;2、用script标签,写在Html网页的head部分中;3、写在后缀名为“.js”的文本文件里,并用script标签的src属性引入Html网页。

javascript代码写在哪里

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

Javascript写在哪里?概括起来就是三种形式:

  • 内部:Html网页的Body中;

  • 内部:Html网页的head中;

  • 外部:外部JS文件里。

1、Javascript写在Body中

当浏览器载入网页Body部分的时候,就执行其中的Javascript语句,执行之后输出的内容就显示在网页中。

<head></head>
<body>
<script type="text/javascript">..Javascript代码..</script>
</body>
</html>

2、Javascript写在head中

有时候并不需要一载入HTML就运行Javascript,而是用户点击了HTML中的某个对象,触发了一个事件,才需要调用Javascript。这时候,通常将这样的Javascript放在HTML的head里。

<html>
<head>
<script type="text/javascript">..Javascript代码..</script>
</head>
<body>
</body>
</html>

3、Javascript写在外部js文件中

将Javascript程序放到一个后缀名为.js的文本文件里。

在HTML里引用外部文件里的Javascript,应在Head里写一句,其中src的值,就是Javascript所在文件的文件路径。示例代码如下:

<html>
<head>
<script src="js/001.js">...</script>
</head>
<body>
</body>
</html>

head中脚本: 需调用才执行的脚本或事件触发执行的脚本。把脚本放在head中时,可以保证脚本在任何调用之前被加载。

body中脚本: 页面被加载时执行的脚本,通常被用来生成页面的内容。

【推荐学习:javascript高级教程

以上是javascript代码写在哪里的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn