script标签中的重要属性！

。

  • 浏览器解析行内脚本的方式决定了它在看到字符串时，会将其当成结束的

    标签。想避免这个问题，只需要转义字符“\” ①即可：
    • 要包含外部文件中的 JavaScript，就必须使用 src 属性。这个属性的值是一个 URL，指向包含

      JavaScript 代码的文件，比如

    另外，使用了 src 属性的<script>元素不应该再在<script>和</script>标签中再包含其他 JavaScript 代码。如果两者都提供的话，则浏览器只会下载并执行脚本文件，从而忽略行内代码。

    <script>元素的 src 属性可以是一个完整的 URL，而且这个 URL 指向的 资源可以跟包含它的 HTML 页面不在同一个域中

    推荐使用外部文件的理由如下。

    1. 可维护性
    2. 缓存 浏览器会根据特定的设置缓存所有外部链接的 JavaScript 文件，这意味着如果两个页面都

      用到同一个文件，则该文件只需下载一次。这最终意味着页面加载更快。
    3. 适应未来

    元素

    元素出现，被用于给不支持 JavaScript 的浏览器提供替代内容。
    在下列两种
    情况下，浏览器将显示包含在中的内容：

    - 浏览器不支持脚本；
    
- 浏览器对脚本的支持被关闭
    
- 任何一个条件被满足，包含在<noscript>中的内容就会被渲染。否则，浏览器不会渲染<noscript>
    
  中的内容。。
    

    <!DOCTYPE html>
    
<html>
    
<head>
    
<title>Example HTML Page</title>
    
<script defer="defer" src="example1.js"></script>
    
<script defer="defer" src="example2.js"></script>
    
</head>
    
<body>
    
<noscript>
    
<p>This page requires a JavaScript-enabled browser.</p>
    
</noscript>
    
</body>
    
</html>
    
这个例子是在脚本不可用时让浏览器显示一段话。如果浏览器支持脚本，则用户永远不会看到它。

    前端中的script标签的更多相关文章

    1. js中的script标签

      在页面中用script标签引入javascript文件(<script type="text/javascript" src="js文件地址">&l ...

    2. 关于html中的 script标签中的 代码写法有效性? easyui tabs的href不能载入内容页面

      script标签, 即 html中的 js脚本区域中: 它其实就是一个 普通的 html标签, 在 html 渲染器 parser 看来, 它跟其他任何的普通 的 html标签 , 比如 p 标签, ...

    3. js中的script标签属性

      HTML <script> 元素用于嵌入或引用可执行脚本. 在html中插入一个script标签 <script src="index.js" sync cros ...

    4. angularjs 1 如何在ng-route的模板中使用script标签

      如果你在angularjs 的路由模板里使用<script>标签的话,你会发现标签不起作用.这是因为angular为了安全起见而禁止了模板执行script.如果一定要在路由模板里使用scr ...

    5. web前端中实现多标签页切换的效果

      在这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页 方法一: 首先,我们要把页面的大体框架和样式写出来,ht ...

    6. 说一说 HTML 中的 script 标签

      我们在 <Javascript简史>这遍文章中说过,「Javascript」这门语言是由 Netscape开发而来,当初开发的时候为了能让 「Javascript」这门语言能与 HTML ...

    7. 前端中关于HTML标签的属性for的理解

      First:<label>的说明:1.<label>标签为input元素定义标注(标识)2.label元素不会像用户呈现任何特殊的效果,仅作为显示扩展:不过,它为鼠标用户改进了 ...

    8. html 中的<script>标签

      https://www.w3.org/TR/html51/semantics-scripting.html#the-script-element 一. <script type='text/ja ...

    9. script标签中defer和async属性的区别

      这篇文章来源于JS高级程序设计第三版中关于script标签的介绍,结合查阅的资料写下的学习笔记. 向html页面中插入javascript代码的主要方法就是通过script标签.其中包括两种形式,第一 ...

    随机推荐

    1. 【java学习笔记2】访问控制修饰符 public、protected、默认、private

      先写了一个User()类: package chapter01; public class User { // 私有的 private int id; // 受保护的 protected int ag ...

    2. python菜鸟教程基础入门

      一. 可以使用'\'来连接多行.但是有括号的则不需要 a=b+\ c+\ d a1=['a', 'b'] 引号可以是单,双,三引号均可 二. 1. python有5个标准类型:数字,字符串,列表,元组 ...

    3. python 做回归

      1 一元线性回归 线性回归是一种简单的模型,但受到广泛应用,比如预测商品价格,成本评估等,都可以用一元线性模型.y = f(x) 叫做一元函数,回归意思就是根据已知数据复原某些值,线性回归(regre ...

    4. sql server 汉字转拼音首字母

      create function fun_getPY ( @str nvarchar(4000) ) returns nvarchar(4000) as begin declare @word ncha ...

    5. 【mybatis-plus】什么是乐观锁？如何实现“乐观锁”

      "乐观锁"这个词以前我也没听过.上次在测试需求的时候,查询数据库发现有一个version字段,于是请教开发这个字干嘛使, 人家回复我:乐观锁,解决并发更新用的.当时大家都忙,咱也不 ...

    6. 从0开始快速入门学Java----基本篇

      由于是0基础入门java,所以花了比较多的时间学习了基本语法知识,阶段性梳理下知识: 1. Java的介绍+JDK安装及环境变量配置+第一个程序HelloWorld的编写 这部分开始遇到的问题比较多, ...

    7. 磁盘IO工作机制

      磁盘IO工作机制 ref: <深入分析java web 技术内幕> by:许令波 几种访问文件的方式 文件读取和写入的 IO 操作都是调用操作系统提供的接口,因为磁盘设备是由操作系统管理的 ...

    8. Redis学习笔记之数据库(一)

       说句实话,redis这个软件要学习的东西实在多,多到,看的多了就容易迷失,而且还记不住.个人觉得靠记忆去学习一个知识肯定是比较糟糕的,所以还是要带着理解的,最终变成自己的东西,那这个东西才是自己的. ...

    9. ASP.NET Core路由中间件[2]: 路由模式

      一个Web应用本质上体现为一组终结点的集合.终结点则体现为一个暴露在网络中可供外界采用HTTP协议调用的服务,路由的作用就是建立一个请求URL模式与对应终结点之间的映射关系.借助这个映射关系,客户端可 ...

    10. 探讨EFCore如何优雅的实现读写分离

      前言     我们都知道当单库系统遇到性能瓶颈时,读写分离是首要优化手段之一.因为绝大多数系统读的比例远高于写的比例,并且大量耗时的读操作容易引起锁表导致无发写入数据,这时读写分离就更加重要了.   ...