`
yshlin
  • 浏览: 61111 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Script 自封闭

阅读更多

    在HTML中有一些自封闭的标签,如<br />,<img />。

    而在使用外部js文件的时候,是否也有人使用自封闭式的script标签呢?

   

假如有如下一个html文件,query.js中包含一个getsomebody()方法,那么页面在浏览器里面看起来什么样子呢?
链接是否能正确调用getsomebody方法么?

<html>
<head>
<script type="text/javascript" src="js1.js" />
</head>
<body>
<a href="javascript:getsomebody();">Test line</a>
some text...
</body>
<html>

 

如果你认为页面显示一个链接Text line,那么就错了,当你在浏览器里打开页面的时候,页面是一片空白。

那东西哪去了呢?

 

其实就是“自封闭”的script标签搞得鬼,

 

从以前的HTML到现在的XHTML中W3C的标准都规定script标签不是自封闭的,需要显示的使用</script>标签来封闭。

为什么页面什么都不显示呢?

答案是在<script>标签未读到结束标签</script>的时候,把下面的内容都当作了一块script来处理,但是这样语法又错了,导致什么都显示不出来。

如果你在body上面加一个</script>虽然语法不正确,但是你能发现,内容显示出来了。

现在仍然有很多人使用<script  />来引入js,最好还是改掉这个习惯,使用完整的标签吧。

分享到:
评论
1 楼 ql213 2012-01-06  
确实是不容易引起注意但是又是导致大问题的一个现象

相关推荐

    HandsOn_Fullstack_Clojure:使用云外壳帮助学习项目规模的Clojure(脚本)

    动手全栈Clojure 封闭反馈循环以学习项目规模的Clojure(脚本)动机Clojure(script)是现代的Lisp方言,通常是一种不错的编程语言。 它一直在倡导的一种哲学是拥有的,而则是珍贵的瑰宝(尤其是clojurescript中的热...

    Batch Oligo Selection Script (BOSS)-开源

    批引物选择程序设计用于选择PCR寡核苷酸,以封闭包含大量缺口的装配体的缺口。 BOSS将选择寡核苷酸来封闭重叠群和支架缺口。 有关详细信息,请参见自述文件。

    Javascript 类型转换、封闭函数及常见内置对象操作示例

    本文实例讲述了Javascript 类型转换、封闭函数及常见内置对象。分享给大家供大家参考,具体如下: Javascript组成 1、ECMAscript javascript的语法(变量、函数、循环语句等语法) 2、DOM 文档对象模型 操作html和...

    OCTweaksScript:Script de tweaks涌入Openclassrooms

    OCTweaksScript 小型格式化和功能调整的集合。 除其他外: 隐藏固定主题的选项;... 纠正封闭对象的位置; Aileron字体校正; 将横幅广告隐藏在表单的主题中; 在主菜单中添加“论坛”链接; 等等。

    AutoCAD辅助程序(CadAssis)

    通过指定封闭区域内一点测量封闭区域的面积,类似图案填充操作,结果可写入Excel; ' 5. 将Excel中多行多列数据写成一列,可以按行或按列转换; ' 6. 英寸到毫米的转换,便于老建筑图纸识图及转绘。

    ng-luhn:Luhn 算法作为 AngularJS 服务的最快实现

    封闭,小于 500 字节。 指示 luhn服务是一个只有一个(特权)方法(即check() )的构造函数。 使用它非常简单。 加载 AngularJS 和这个小库 &lt; script src =" ...

    mithril-occluded-media-list:滚动遮挡引导媒体列表

    秘银封闭媒体列表 滚动遮挡引导媒体列表 您可以查看演示。 安装 您可以使用 bower 或 npm 获取副本,或者直接从这里的dist/文件夹下载。 网络包/浏览器/等 var OccludedMediaList = require ( 'mithril-occluded-...

    自动生成文章摘要的代码[JavaScript 版本]

    很多程序绕过这个问题,往往人工来决定在何处截断,太麻烦了。 实现内容:截断一段含有HTML代码的文本,但是不会出现围堵标记没有封闭的问题。...)(BODY|SCRIPT|P|DIV|H1|H2|H3|H4|H5|H6|ADDRESS|P

    is-pennsylvania-avenue-closed:人群询问行人是否可以在白宫前的宾夕法尼亚大街上行走

    人群询问行人是否可以在白宫前的宾夕法尼亚大街上行走在本地运行安装 script/bootstrap script/server运行测试script/cibuild关于这个网站是给谁的? 计划在接下来的几分钟内步行或骑自行车穿越白宫前的...

    JavaScript 版本自动生成文章摘要

    实现内容:截断一段含有HTML代码的文本,但是不会出现围堵标记没有封闭的问题。...) (BODY|SCRIPT|P|DIV|H1|H2|H3|H4|H5|H6|ADDRESS|PRE|TABLE|TR|TD|TH|INPUT|SELECT|TEXTAREA|OBJECT |A|UL|OL|LI|BAS

    ArtPro_Dongle_Crack.dmg

    这是一个以PowerMacintosh为平台、并与PostScript兼容的用于高档商标、包装的专业印前系统,它有效地弥补了昂贵高效但封闭复杂的专业系统与廉价低效非专业质量的DTP系统之间的空白,一经推出就引起了轰动。

    CS_372_Project2

    设计自己的一个或多个漂亮形状,并从中生成PostScript。 您可能需要编写一些基于形状语言的类。 例如,您可以实现一个Skylines类,该类包含一些方法,这些方法返回随机化的天际线,并指定建筑物的数量/高度/形状...

    BlazorVideoPlayer:BlazorVideoPlayer

    BlazorVideoPlayer 适用于Blazor WebAssembly的合适且可自定义的视频播放器。基于plyr.io,具有诸如全屏,快捷方式,画中画,Playsinline,速度控制,多个字幕,响应式和.....script src="_content/BlazorVideoPlayer/p

    详解JavaScript中循环控制语句的用法

    break语句,这是简单地用switch语句介绍,用于提前退出循环,打破封闭的花括号。 例子: 这个例子说明了如何使用break语句同while循环。请注意循环打破了初期由x到5,[removed](..) 语句的正下方,以右大括号: &lt...

    firetv_bootloader_unlock:开源 Amazon FireTv 引导加载程序解锁工具

    firetv_bootloader_unlock 开源 Amazon FireTv 引导加载程序解锁工具正如标题所说:) 这是从颠倒过来的我讨厌对我的系统做事的封闭源代码:) 任何人看到其他任何东西一定要做一个拉取请求另外,如果有人想为此解锁...

    mithril-cc:一个自以为是的库,用于编写Mithril组件

    换句话说:封闭组件是用户国秘银的缩影,CC发挥了其中的优势。 入门 yarn add mithril-cc # or npm install mithril-cc 在您的组件文件中: import { cc } from 'mithril-cc' 使用CDN 如果您使用CDN,则可以通过...

    nvim-parinfer.js:用于parinfer的neovim插件

    CLJS核心团队仍在努力与节点平台更好地兼容,但是我的理解是,很多工作需要Google封闭。 我仍然相信clojure / script是编写clojure工具的好语言。 和是一流的库,这些代码使操作源代码变得轻而易举。 但是,这里...

    Javascript中的回调函数和匿名函数的回调示例介绍

    [removed] /* * 匿名函数自调的意义: 1.营造了一个封闭的空间 2.防止变量冲突 3.有选择性的对外开发(第三方框架都是对js这样封装的) */ //==================普通函数回调================================= //...

    XCTweak:强大的强制性内核调整脚本,由Android提供支持

    与其他“内核调节器”不同,XCTweak是: 完全开源没有封闭的已编译组件非侵入式完全没有系统XCTweak执行内核调整调整,以在大多数Android设备上获得稳定性。剧本脚本是开源的,可以免费使用。接触您可以在@...

    根据一段代码浅谈Javascript闭包

    } 这里的闭包是f1,封闭了一个变量n和一个函数f2。 我们先无视nAdd,尽量保持原貌重写一下这个函数。 代码如下: function f1(){ var n = 999; var f2 = function(){ alert&#40;n&#41;; }; return f2; } var result ...

Global site tag (gtag.js) - Google Analytics