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

javascript代码写在哪里

程序员文章站 2022-04-04 17:41:09
...

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代码写在哪里的详细内容,更多请关注其它相关文章!