首页 >web前端 >前端问答 > 正文

javascript代码写在哪里

原创2021-10-14 11:50:150371

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

本教程操作环境: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中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:Javascript 代码位置
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    vuejs怎么实现路由跳转传值1013
    vue父组件怎么调用子组件的方法963
    vue兼容ie几362
    推荐视频教程
  • JavaScript基础入门及设计模式视频教程JavaScript基础入门及设计模式视频教程
  • JavaScript基本语法及基本语句视频教程JavaScript基本语法及基本语句视频教程
  • JavaScript核心编程视频教程JavaScript核心编程视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • JavaScript标准参考手册JavaScript标准参考手册
  • 视频教程分类