`
uop_hai
  • 浏览: 19100 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

HTML的Script标签

阅读更多
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【Script标签与访问HTML页面(1)】是关于JavaScript编程的一个章节,主要探讨了如何在HTML文档中使用Script标签以及JavaScript如何与HTML页面进行交互。这一主题对于理解和开发动态网页至关重要...

    HTML页面不认标签,怎么办?

    HTML页面不认&lt;script type="text/template"&gt;标签,怎么办? 比如 &lt;script type="text/template"&gt; ... &lt;/script&gt; 以上代码,HTML浏览器不能解析,报错. 怎么办? 我来教给你如何变相的让他认这个type.

    基于script标签引入vue.js

    在HTML页面中通过`&lt;script&gt;`标签引入Vue.js,是传统方式下本地离线使用Vue框架的方法,这样可以避免网络延迟,提高页面加载速度,尤其是在开发阶段或网络环境不稳定的情况下。 首先,你需要下载Vue.js的最新版本或...

    java过滤html,css,js标签工具类(UnHtmlScript)

    在Java开发中,有时我们需要处理从网页抓取的数据,这些数据通常包含HTML、CSS和JavaScript标签,为了进一步处理和分析这些文本,我们需要将其净化,即去除这些格式化标签。`UnHtmlScript`工具类就是为了解决这个...

    HTML5 对各个标签的定义与规定:script

    ### HTML5中的`&lt;script&gt;`标签详解 在HTML5中,`&lt;script&gt;`标签被广泛应用于定义客户端脚本,如JavaScript。此标签不仅能够增强网页的交互性,还能实现动态内容更新、表单验证等功能。下面将详细介绍`&lt;script&gt;`标签的...

    VUE渲染后端返回含有script标签的html字符串示例

    本篇文章将详细介绍如何在Vue应用中安全地渲染后端返回的包含`&lt;script&gt;`标签的HTML字符串。 首先,我们要理解为什么不能直接使用Vue的`v-html`指令或者原生JavaScript方法(如`innerHTML`或`appendChild`)来处理...

    java代码-正则去除HTML代码中的SCRIPT标签

    这个场景中,我们关注的是如何使用Java和正则表达式来移除HTML代码中的`&lt;script&gt;`标签,因为这些标签通常包含JavaScript代码,可能对页面的呈现或安全有特殊影响。下面我们将深入探讨这个话题。 首先,`&lt;script&gt;`...

    Java 中 过滤Html标签

    例如,下面的正则表达式可以匹配script标签: `String regEx_script = "&lt;[//s]*?script[^&gt;]*?&gt;[//s//S]*?&lt;[//s]*?///[//s]*?script[//s]*?&gt;";` 这个正则表达式可以匹配script标签及其内容。使用这个正则表达式,...

    java 读取html过滤标签

    在Java编程中,读取HTML并过滤特定标签是一项常见的任务,尤其在处理网页抓取、数据提取或构建网络爬虫时。这篇博文链接虽然没有提供具体的内容,但我们可以通过标题和标签来推测其主要讨论的内容。这里我们将深入...

    动态给head添加script

    在网页开发中,有时我们需要在页面加载过程中动态地向`&lt;head&gt;`标签内添加`&lt;script&gt;`元素,以便实现异步加载脚本、延迟加载或按需加载等功能。这种技术对于优化网页性能、减少首屏加载时间以及提高用户体验至关重要。...

    【第八章】JavaScript【Script标签与访问HTML页面(2)】

    【第八章】JavaScript【Script标签与访问HTML页面(2)】这一主题主要涵盖了JavaScript在网页中的应用,特别是关于`&lt;script&gt;`标签的使用以及如何通过JavaScript来操作和访问HTML页面内容。JavaScript是一种广泛用于Web...

    动态script标签技术结合JSON数据交换格式解决Ajax的跨域问题

    动态script标签技术利用了HTML标签的一个特性:`&lt;script&gt;`标签没有跨域限制。这意味着可以通过创建一个`&lt;script&gt;`标签,并将其`src`属性设置为目标URL,来访问位于不同域名下的数据。具体实现步骤如下: 1. **创建...

    Vue中通过<script></script>引入的Vue.js文件

    我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 &lt;script&gt; 标签引入。 格式就是: &lt;script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"&gt;&lt;/script&gt; src里面的内容根据自己的下载的Vue.js的...

    全面了解js中的script标签

    在页面中用script标签引入javascript文件([removed][removed]),浏览器在渲染页面的时候,当读取到script元素时,浏览器不会以HTML或XHTML的方式处理其内容,浏览器会通知浏览器的脚本引擎来接管script元素中的...

    C# 过滤HTML标签的几种方法

    在提供的代码片段中,首先通过`Regex.Replace()`函数去除所有的脚本标签(`&lt;script&gt;...&lt;/script&gt;`),然后继续去除所有其他的HTML标签(`&lt;...&gt;`形式)。这一过程是通过以下步骤实现的: 1. **删除脚本标签**: ```...

    html5 jquery script 帮助文档

    1. **语义化标签**:HTML5引入了一些新的语义化标签,如、、、、和等,这些标签有助于提升网页结构的清晰度,对搜索引擎优化(SEO)也十分有利。 2. **离线存储**:HTML5的离线存储机制(AppCache)允许开发者将...

    Script标签与访问HTML页面详解

    Script标签是HTML中的一个重要元素,用于在网页中插入可执行的脚本,通常用来引入JavaScript或TypeScript等客户端脚本语言,以实现动态交互和功能增强。在HTML5中,`language`属性已被废弃,推荐使用`type`属性来...

    js原生跨域_用script标签的简单实现.docx

    ### JS原生跨域_用Script标签的简单实现 #### 背景介绍 在Web开发过程中,跨域问题是开发者经常遇到的一种限制。浏览器出于安全考虑,默认不允许从一个源加载的脚本请求另一个源的数据,这被称为同源策略(Same-...

    Html_Script弹出窗口示例

    HTML页面中可能包含`&lt;script&gt;`标签来引入外部JavaScript库,如`jquery-1.11.2.min.js`,这是一个轻量级的jQuery库,它简化了DOM操作、事件处理和Ajax交互。jQuery在弹出窗口的实现中起到了关键作用,因为它提供了一...

Global site tag (gtag.js) - Google Analytics