在页面脚步编写中,初学者经常会碰到JavaScript放在页面什么地方的疑惑,网上答疑者给出的答案基本一致,这里简单作了一下整理,并分析一下为什么要这样和为什么可以不这样:
一、JavaScript代码块摆放规则:
    head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。
<html>
<head>
<script type=”text/javascript”>
….
</script>
</head>

body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。
<html>
<head>
</head>
<body>
<script type=”text/javascript”>
….
</script>
</body>

body 和 head 部分可同时有脚本:你可在文件中放无数的脚本,因此你的文件中可以在body和head部分同时存在脚本。
<html>
<head>
<script type=”text/javascript”>
….
</script>
</head>
<body>
<script type=”text/javascript”>
….
</script>
<

JavaScript应放在页面的什么地方相关推荐

  1. JavaScript脚本放在哪里

    在HTML body部分中的JavaScripts会在页面加载的时候被执行. 在HTML head部分中的JavaScripts会在被调用的时候才执行. ----------------------- ...

  2. javascript标签在页面中的位置探讨

    在制作网页的过程中需要引用很多的js文件,至于他正确位置好多的朋友就会有疑问了,接下来为大家详细介绍下 在制作网页的过程中,我们经常写类似下面的代码:  [html]  复制代码 代码如下: < ...

  3. ie8 html js页面打印预览,Print.js javascript库 实现页面打印

    您可以从GitHub版本下载最新版本的Print.js npm 安装 npm install print-js --save npm安装时将库导入项目 import print from 'print ...

  4. HTML里的哪一部分Javascript 会在页面加载的时候被执行?

    最近遇到一个问题: HTML里的哪一部分Javascript 会在页面加载的时候被执行() A : 文件头部 B : 文件尾 C : <head>标签部分 D : <body> ...

  5. Javascript 程序放在哪

    Javascript程序的形式 常见的Javascript程序有两个形式存在:一种写在HTML内,上一节的例子即是:一种以单独文件形式存在,文件名的后缀是.js Javascript程序放在哪 放在H ...

  6. driver.get调用iframe中的页面_【5分钟玩转Lighthouse】爬取JavaScript动态渲染页面

    0x00 背景概述 通过[技术干货 007 | Scrapy爬虫初探]教程,大家应该已经对如何编写爬虫有了一定的认识.但对于较为复杂的网站设计,比如网站页面使用了JavaScript动态渲染,入门级的 ...

  7. C++类的内联成员函数应放在哪

    今天复习C++ Primer的时候,看到了关于C++类的内联成员函数的放置,应该放在头文件中.那么这到底是为什么 呢?仅仅是一种代码规范问题还是必须这样做呢? 下面我就来讲讲我自己的理解吧.要彻底理解 ...

  8. html中实现页面跳转代码怎么写,用JavaScript怎么实现页面跳转?

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能.下面我们来看一下如何使用JavaScript跳转页面. JavaScript中几种页面跳 ...

  9. html js页面加载前执行,Javascript代码在页面加载时的执行顺序介绍

    一.在HTML中嵌入Javasript的方法 1.直接在Javascript代码放在标记对之间 2.由标记的src属性制定外部的js文件 3.放在事件处理程序中,比如: 点击我 4.作为URL的主体, ...

最新文章

  1. 2021年大数据HBase(三):HBase数据模型!!!【建议收藏】
  2. iPhone上将短信内容发送到指定邮箱的方法
  3. Python 数据结构视频教程三
  4. 洛谷 P4284 [SHOI2014]概率充电器 解题报告
  5. leetcode632. 最小区间(堆+多指针)
  6. 阿里Java编程规约(注释)提炼
  7. 飞步科技三篇论文入选CVPR 2022
  8. Linux(乌班图 )系统下安装jdk 和eclipse开发IDE
  9. python pathlib模块_【Python Snippets】Pathlib 模块
  10. Spring中的Service/DAO/DTO
  11. 循环移动(cyclic)
  12. ipython notebook使用教程
  13. 超轻粘土机器人_超轻粘土 | 天近秋,背上行囊,捎上橡果,我们出发去远方
  14. 常用 MySQL 操作
  15. 用Java打印棱形的思路,java打印菱形思路
  16. 小小串联电阻,大大的作用
  17. User Manual
  18. 最全勒索病毒解密工具
  19. MATLAB(6)GUI应用介绍
  20. wcl怀旧服网站中文查服务器fb进度,魔兽世界怀旧服wcl数据查询方法

热门文章

  1. [C#基础知识系列]专题十:全面解析可空类型[转]
  2. 公务员备考(八) 行测 资料分析
  3. c++代码轻松实现贪吃蛇小游戏
  4. 2020年中国水产饲料行业发展现状分析,水产需求增加带动行业发展「图」
  5. 红蓝对抗-记一次HW攻防实战应急响应流程
  6. 耶格肺功能仪软件 - 通气测试
  7. OA办公自动化系统如何助力企业价值最大化
  8. Python+OpenCV实现增强现实!快来召唤你的库洛牌!!!
  9. Arduino实现使用超声波模块测距
  10. 代理服务器对比HA,NGINX