script标签有两种用途:1. 在页面中标识一块脚本代码;2. 加载一个脚本文件,它要依赖于src属性的存在。
<script>标签
script标签有两种用途:
* 1. 在页面中标识一块脚本代码
* 2. 加载一个脚本文件
它要依赖于src属性的存在。上面两种情况都需要</script>闭合标签。
script标签可以包含下面的属性:
src=”url”
src属性是可选的。如果存在src属性,它的值应是一个url(网址)表示的.js文件。当浏览器加载,编译与执行文件时,页面将停止装载与处理。<script src="url">与</script>之间不应有任何内容(保持空白)。
如果没有src属性,<script>与</script>之间的文字可被编译与执行。script不能包含序列
</
因为可能与</script>混淆。可以插入反斜线符号在<与/之间避免此问题。
</\
反斜线将被JavaScript编译器忽略。
不要使用<!– //–>这种hack脚本。这种方法可以阻止第一代浏览器(Netscape 1和Mosaic)将脚本显示成文字。已经有很长时间不需要这么做了。<!– //–>是一个HTML注释。注释中的脚本将被忽略,不被编译与执行。同样,HTML注释不包括–,因此脚本将忽略HTML错误。
language=”javascript”
这个属性是不赞成使用的。它被用于选择其它的程序语言或特殊版本的JavaScript。尽量避免使用。
type=”text/javascript”
这个属性是可选的。自从Netscape 2所有浏览器默认的编程语言已经都是JavaScript了。在XHTML中,这个属性是必须的。在HTML中最好不要使用此属性。浏览器可以自行解决。
defer
这个属性试图改变组件在页面中的加载时机。它不能被很好的支持,不要使用此属性。
for=”name” event=”name”
这些属性是微软(Microsoft)的私有属性,用于声明事件句柄。这是不标准的。尽量避免使用。
放置(Placement)
<script src="url"></script>将阻碍页面的其它组件下载,直到script脚本加载、编译、执行完毕。因此越晚调用脚本越好,以便加载图像和其它组件不被延时。 加载脚本将增加感觉中的与实际的页面加载时间。因此通常最好把所有的<script src="url"></script>放置在</body>之前。一个页面内的<script>在加载时没有明显的影响。
如果一个脚本定义了一些用于其它函数的函数与数据,那么必须在用这些函数与数据之前完成定义。因此定义脚本后才可以使用脚本。
document.write
document.write提供了一种将字符串写入HTML页面的方法。有更好的方法这样做,例如.innerHTML和.createElement或者HTML克隆样式(HTML cloning patterns),用于避免使用document.write。
document.write强制性的依赖于加载时机。如果document.write在onload事件前被调用,它会在一个页面中附加或插入文字。如果在onload事件后被调用,它将完全替换页面,摧毁前面完成的所有内容。
document.write使脚本与标记混合起来,助长了坏的结构。清晰的结构尽少使脚本与标记混合使用。
分享到:
相关推荐
HTML页面不认<script type="text/template">标签,怎么办? 比如 <script type="text/template"> ... </script> 以上代码,HTML浏览器不能解析,报错. 怎么办? 我来教给你如何变相的让他认这个type.
【第七章】JavaScript【Script标签与访问HTML页面(1)】
html页面基于script标签引入vue使用时,将此js放在项目路径中引用即可离线使用vue框架,避免在线引用网络延迟。 具体使用方法可参考我的博客
今天小编就为大家分享 一篇VUE渲染后端返回含有script标签的html字符串示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
java代码-正则去除HTML代码中的SCRIPT标签
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是: <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的...
在页面中用script标签引入javascript文件([removed][removed]),浏览器在渲染页面的时候,当读取到script元素时,浏览器不会以HTML或XHTML的方式处理其内容,浏览器会通知浏览器的脚本引擎来接管script元素中的...
【第八章】JavaScript【Script标签与访问HTML页面(2)】
script 标签用于定义客户端脚本,比如 JavaScript。 除全局属性之外有如下属性 src 定义指向包含脚本的文件的 URL(这样您就可以引用某个包含脚本的文件,而不是直接把脚本插入您的 HTML 文档中) async 定义脚本...
动态给head添加script 动态给head添加script
/**/ /// /// 去除HTML标记 /// /// <param name="NoHTML">包括HTML的源码 ... Htmlstring = Regex.Replace(Htmlstring, @"<script[^>]*?>.*?</script>", "", RegexOptions.IgnoreCase); //删除HTML
支持TextView默认支持的所有标签,支持自定义,取代安卓默认的Html.TagHandler 特性 支持TextView默认支持的标签 支持自定义标签,接口类似Html.TagHandler 1 自定义标签: /** * 解析哈哈哈 */ public class ...
向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式,第一种直接在script标签之间插入js代码,第二种即是通过src属性引入外部js文件。由于解释器在解析执行js代码期间会阻塞页面其余...
标签合并区域内的js或者css,并且更新html区域内合并之后的script、link标签;可以打包成执行文件,需要开发环境的依赖。 > 运行前需要新建config.json的配置的目录:output_path、tmp_js_json_dir、tmp_css_json_...
解决IE的script error catched问题
java过滤html,css,js标签工具类(UnHtmlScript),抓取页面内容去除标签样式信息
本篇文章主要是对Script标签与访问HTML页面进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
login.html 代码如下:[removed] function request(id,url){ oScript = document.getElementById(id);... } oScript = document.createElement(“script”); oScript.setAttribute(“src”, url);
如果浏览器支持脚本,那么它不会显示...老式的(无法识别 &script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中! 实例代码 <body>