博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
深入浅出JavaScript (二) 代码放置位置与执行顺序
阅读量:5962 次
发布时间:2019-06-19

本文共 1345 字,大约阅读时间需要 4 分钟。

      
  1.  JavaScript与JScript关系
    1. 这样追溯的以前,javaScript和Jscript分别是netscape公司和microsoft公司为自己的浏览器而设计开发的脚本语言,在这两种脚本语言没有统一标准以前,很多的Web程序员不得不为不同的浏览器而设计不同的脚本语言运行,很是苦恼,为了解决脚本同一问题,于是诞生了ECMAScript,是一种国际标准化的javascript版本。现在的主流浏览器都支持这种版本。现在javaScript这个词也是代表这两种标准的意思,于是用了这个词语。
  2.  JavaScript开发环境与编辑工具
    1. 它的运行环境很简单,只需要拥有浏览器既可以运行javaScript代码
    2. 编辑工作也有很多种,比如常见的PSPad、DreamWave、VS、记事本等等
  3. JavaScript基本架构
    1. 第一份JavaScript程序
              上面的<!-- …… -->是为了解决浏览器不兼容的问题,如果旧版浏览器不兼容JavaScript代码,将隐藏JavaScript代码,否则会把它视为HTML代码一部分显示在浏览器中,称为无用信息。
  4. JavaScript程序代码的位置   

             4.1  Head区域的JavaScript代码

              在Head区域的JavaScript代码是为了保证运行程序代码调用前相关函数程序代码已经加载,因为代码执行是从上到下依次执行,通常这个区域代码为了Body区域程序代码所调用的事件或处理函数,如下代码执行结果:

第一份JavaScript程序					

Head区域的JavaScript程序代码


在Head区域运行事件处理程序

         执行结果为:

           当弹出框弹出来时,Body部分内容已经显示出来,即这部分代码已经加载完,Body部分代码是在Head区域之前加载。

           4.2  Head区域的JavaScript代码

                上面链接CSS文件或是JS文件是按着从上到下顺序加载的,如果某个文件需要用到另一个文件,那么就需要放在该文件之前在家,否则则会出错,这也是我们经常遇到的问题,希望大家多多注意.

       5   Body区域的JavaScript代码

            在加载网页时,Body区域内的程序代码会马上运行,这些程序代码输出的内容属于网页的一部分,看下面代码

		

Body区域的JavaScript程序代码


在Body区域运行事件处理程序

        执行结果为:

 

           此次执行结果中,Body在<JavaScript>后面的代码没有执行,说明在Body里的代码用网页加载时马上执行,而不是调用时再执行,因此需要调用或处理事件的函数或代码应当放入Head区域里面。

          另外,如果把调用代码卸载Body里面,因为我们所做的操作都是属于网页一部分,也需要写在网页内部。

      6   写作风格

             JavaScript写作风格在上一篇博客已经说明,这里需要注意下载 { } 大括号后面没有“ ;”号。

转载于:https://www.cnblogs.com/lilongsheng1125/archive/2013/01/11/4978610.html

你可能感兴趣的文章
【独家】新智元×出门问问六问六答:获大众 1.8 亿美元后准备做什么
查看>>
苹果在国贸改造了一套房 智能家居圈都慌了!
查看>>
一年400元,监控APP让你知道对方的所有隐私
查看>>
《VMware Virtual SAN权威指南(原书第2版)》一1.2 软件定义的存储
查看>>
《UNIXLinux程序设计教程》一3.3 设置描述字的文件位置
查看>>
云服务器 ECS 建站教程:部署RabbitMQ
查看>>
微软承诺2018年前数据中心将使用50%可再生能源
查看>>
互联网+新生活:智慧城市建设的亳州样本
查看>>
这是一个国内只有寥寥数人懂得的云计算技术
查看>>
告别“看家护院” 银行安防需树立“大安全”观
查看>>
物联网崛起,新技术如雨后春笋般
查看>>
用户为中心:华为消费者云服务背后揭示了啥?
查看>>
太阳能2017年首季业绩“预喜”
查看>>
火爆:Snapchat成App Store搜索量/频率最高应用
查看>>
People Power 公司入选中国移动数字家庭联盟,共同推进智能家居战略
查看>>
CYQ.Data 轻量数据层之路 V4.5 版本发布[更好的使用体验,更优的缓存机制]
查看>>
NetApp针对其集群化方案“不值得升级”言论回击Wikibon
查看>>
QQ把游戏放进聊天框,这一点Facebook和微信都没做到
查看>>
在线匿名之父意欲终结“加密战争”
查看>>
WLAN市场销量逐步逼近有线网络
查看>>