浏览器中的 JavaScript
发布日期:2021-10-01 08:44:42
浏览次数:4
分类:技术文章
本文共 1864 字,大约阅读时间需要 6 分钟。
作者: 之前写过不少JavaScript基础的随笔,基本上都是针对其语法、语言结构来论述的。但是,现在使用JavaScript最多的地方是在浏览器中,这里就简单谈谈浏览器中使用JavaScript。 在浏览器中使用JavaScript分为内联和外联两种方法,和CSS比较相似。 内联 < html > < head > < title > 内联 </ title > < script language ="JavaScript" > function message() { alert("Good Day !"); } </ script > </ head > < body ></ body > </ html >
外联 < html > < head > < title > 外联 </ title > < script language ="JavaScript" src ="../path/external.js" ></ script > </ head > < body ></ body > </ html >
在external.js中,可以包含任何js代码,例如类的定义、方法函数等。相比之下,使用外联方法引用js文件可以做到更安全、代码更容易管理、节省资源开销。之所以能节省资源开销,是因为当两个页面同时使用一个js文件时,该js文件只会被下载一次,避免的相同代码重复下载增加页面的代码量。 网页中的JavaScript源代码一般放置在<head></head>区域,当写在<body></body>中时,一旦页面加载就会执行body中的JavaScript代码,无法人工控制代码的执行。如果需要页面加载时同时执行JavaScript方法,则需要在head中定义该方法,否则系统会报错。 JavaScript最初只有一种浏览器的支持,因此,需要一种方法将JavaScript代码隐藏在老的浏览器中,避免对JavaScript解析产生错误,这就是我们过去经常可以看到的,在代码前后加上<!--><//-->,在现在看来,这种方法已经没有必要了,一是因为使用外联方式引用JavaScript代码更加合适,二是当前主流浏览器对JavaScript的支持已经越来越多,当然也就能正确识别JavaScript代码。 在浏览网页时,当某张图片无法显示时,可以通过文字来替换它,当网页不支持某段JavaScript代码时,我们也能通过一种替代的方式来提醒用户自己的浏览器不支持JavaScript或禁止了JavaScript,即使用<noscript></noscript>,放置在body区域中。 随着XHTML(eXtensible HTML)标准的出现,<script>标签也出现了一些变化,过去我看到有的页面在<script>标签中使用languange属性,有的使用type属性,当时没怎么注意,其实后者正是XHTML出现后所定义的,可以为JavaScript设置mime类型为"text/javascript"。 XHTML带来的另外一个变化就是使用CDATA,使用CDATA可以在表达式中使用一些特殊字符,增强代码的可读性,避免使用"<"、">"来分别表示小于和大于。 < script type ="text/javascript" > <![CDATA[ function comp(a, b) { if (a > b) alert("a is bigger than b"); else alert("a is not bigger than b"); }]]> </ script >
代码中大于和引号均使用了我们常见的书写形式,避免了使用XML实体所带来的阅读上的困难。当然,这也存在旧的浏览器无法识别CDATA的问题,需要我们加入注释来隐藏CDATA标签。大家可以想到,最好的办法还是使用外联的方法使用JavaScript。 < script type ="text/javascript" > //<![CDATA[ function comp(a, b) { if (a > b) alert("a is bigger than b"); else alert("a is not bigger than b"); }//]]> </ script >
虽然部分浏览器还不完全支持XHTML,但我们应该尽量按照XHTML标准来书写代码,使得该标准能够获得更大更广泛的支持。 转载地址:https://blog.csdn.net/iteye_263/article/details/81398453 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2024年04月03日 06时11分12秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
最好吃的8款粽子,看看有没有你家乡的!
2021-06-28
端午前后湿热当道,这些祛湿的好方法一定要收好
2021-06-28
最好吃的8款粽子,看看有没有你家乡的!
2021-06-28
端午前后湿热当道,这些祛湿的好方法一定要收好
2021-06-28
九巨龙集团被授予“2020年全市疫情防控慈善捐助企业楷模”
2021-06-28
清徐老陈醋签约盒马与数字乡村特色新品战略合作
2021-06-28
视听·封报丨5G发展带来哪些改变?“虚拟偶像”成为追星新潮流
2021-06-28
最好吃的8款粽子,看看有没有你家乡的!
2021-06-28
第10届上海尚品家居展实力来袭,优质生产型企业加持核心优势
2021-06-28
丁磊:高合汽车下个月交付过千,刷新纪录
2021-06-28
2021乌拉盖旅游推介会暨“爱上草原”云平台发布仪式
2021-06-28
博仲兴业力作——《爱的雨季》讲述爱情的奥秘
2021-06-28
墨斗互动公益助力山西大学 毕业季,青春无畏,逐梦扬威
2021-06-28
中品丝路:在重要场所讲好中国品牌故事
2021-06-28
夏日狂欢 — BODY JAZZ两周年庆典———若水,以柔见世界
2021-06-28
京东品牌联盟:618品牌狂欢盛典-品宣销售再创历史新高
2021-06-28
五色新丝缠角粽 粽享孝养温情|九巨龙孝养城带您粽情一夏
2021-06-28
九巨龙这两学校竟麦浪滚滚!太美!太用心!
2021-06-28
高端内存的由来(为什么需要高端内存)
2021-06-28
Android 第三方分享 ShareSDK 回调不成功问题
2021-06-28