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使脚本与标记混合起来,助长了坏的结构。清晰的结构尽少使脚本与标记混合使用。
分享到:
相关推荐
【第七章】JavaScript【Script标签与访问HTML页面(1)】是关于JavaScript编程的一个章节,主要探讨了如何在HTML文档中使用Script标签以及JavaScript如何与HTML页面进行交互。这一主题对于理解和开发动态网页至关重要...
HTML页面不认<script type="text/template">标签,怎么办? 比如 <script type="text/template"> ... </script> 以上代码,HTML浏览器不能解析,报错. 怎么办? 我来教给你如何变相的让他认这个type.
在HTML页面中通过`<script>`标签引入Vue.js,是传统方式下本地离线使用Vue框架的方法,这样可以避免网络延迟,提高页面加载速度,尤其是在开发阶段或网络环境不稳定的情况下。 首先,你需要下载Vue.js的最新版本或...
在Java开发中,有时我们需要处理从网页抓取的数据,这些数据通常包含HTML、CSS和JavaScript标签,为了进一步处理和分析这些文本,我们需要将其净化,即去除这些格式化标签。`UnHtmlScript`工具类就是为了解决这个...
### HTML5中的`<script>`标签详解 在HTML5中,`<script>`标签被广泛应用于定义客户端脚本,如JavaScript。此标签不仅能够增强网页的交互性,还能实现动态内容更新、表单验证等功能。下面将详细介绍`<script>`标签的...
本篇文章将详细介绍如何在Vue应用中安全地渲染后端返回的包含`<script>`标签的HTML字符串。 首先,我们要理解为什么不能直接使用Vue的`v-html`指令或者原生JavaScript方法(如`innerHTML`或`appendChild`)来处理...
这个场景中,我们关注的是如何使用Java和正则表达式来移除HTML代码中的`<script>`标签,因为这些标签通常包含JavaScript代码,可能对页面的呈现或安全有特殊影响。下面我们将深入探讨这个话题。 首先,`<script>`...
例如,下面的正则表达式可以匹配script标签: `String regEx_script = "<[//s]*?script[^>]*?>[//s//S]*?<[//s]*?///[//s]*?script[//s]*?>";` 这个正则表达式可以匹配script标签及其内容。使用这个正则表达式,...
在Java编程中,读取HTML并过滤特定标签是一项常见的任务,尤其在处理网页抓取、数据提取或构建网络爬虫时。这篇博文链接虽然没有提供具体的内容,但我们可以通过标题和标签来推测其主要讨论的内容。这里我们将深入...
在网页开发中,有时我们需要在页面加载过程中动态地向`<head>`标签内添加`<script>`元素,以便实现异步加载脚本、延迟加载或按需加载等功能。这种技术对于优化网页性能、减少首屏加载时间以及提高用户体验至关重要。...
【第八章】JavaScript【Script标签与访问HTML页面(2)】这一主题主要涵盖了JavaScript在网页中的应用,特别是关于`<script>`标签的使用以及如何通过JavaScript来操作和访问HTML页面内容。JavaScript是一种广泛用于Web...
动态script标签技术利用了HTML标签的一个特性:`<script>`标签没有跨域限制。这意味着可以通过创建一个`<script>`标签,并将其`src`属性设置为目标URL,来访问位于不同域名下的数据。具体实现步骤如下: 1. **创建...
我们可以在 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元素中的...
在提供的代码片段中,首先通过`Regex.Replace()`函数去除所有的脚本标签(`<script>...</script>`),然后继续去除所有其他的HTML标签(`<...>`形式)。这一过程是通过以下步骤实现的: 1. **删除脚本标签**: ```...
1. **语义化标签**:HTML5引入了一些新的语义化标签,如、、、、和等,这些标签有助于提升网页结构的清晰度,对搜索引擎优化(SEO)也十分有利。 2. **离线存储**:HTML5的离线存储机制(AppCache)允许开发者将...
Script标签是HTML中的一个重要元素,用于在网页中插入可执行的脚本,通常用来引入JavaScript或TypeScript等客户端脚本语言,以实现动态交互和功能增强。在HTML5中,`language`属性已被废弃,推荐使用`type`属性来...
### JS原生跨域_用Script标签的简单实现 #### 背景介绍 在Web开发过程中,跨域问题是开发者经常遇到的一种限制。浏览器出于安全考虑,默认不允许从一个源加载的脚本请求另一个源的数据,这被称为同源策略(Same-...
HTML页面中可能包含`<script>`标签来引入外部JavaScript库,如`jquery-1.11.2.min.js`,这是一个轻量级的jQuery库,它简化了DOM操作、事件处理和Ajax交互。jQuery在弹出窗口的实现中起到了关键作用,因为它提供了一...