精华内容
下载资源
问答
  • script标签

    2019-01-28 19:06:03
    script标签是在html文档中引入脚本的主要方法: H5主要有以下几个属性: async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,仅适用于外部脚本,比如启用该选项之后,当脚本下载过程之中,直接...

    在web中有一种非常重要的标签,它的存在才使得脚本可以引入dom文档,并且动态网页也才能实现。

    <script>标签

    script标签是在html文档中引入脚本的主要方法:

    H5主要有以下几个属性:

    • async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,仅适用于外部脚本,比如启用该选项之后,当脚本下载过程之中,直接渲染之后的html文档,下载完成之后,暂停渲染,执行该外部脚本,但是标记为 async 的脚本并不保证按照指定它们的先后顺序执行,后面的async脚本可能先于之前的async脚本。

    • charset:可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。基本没用。

    • defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。跟放在Html文档最后面效果一致,但是defer更灵活。没有特别的位置需求,而且script只能操作在其之前的对象,defer的存在,改变了这一点。

    • language:已废弃。

    • src:可选。表示包含要执行代码的外部文件。

    • type:可选。可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也称为MIME类型)。

    HTML 4.01 与 HTML 5 之间的差异

    在 HTML 4 中,"type" 属性是必需的,但在 HTML5 中是可选的。

    "async" 是 HTML5 中的新属性。

    HTML5 中不再支持 HTML 4.01 中的某些属性。

     

    script的几种常用方法:

    1、引入外部脚本

    <script type="text/javascript" src="demo_time.js"></script>

    2、插入一个脚本

    <script type="text/javascript">
    document.write("Hello World!")
    </script>

    3、行内Js

    <!--直接写在元素的事件处理程序中-->
    <input type="button" value="点击测试一下" onclick="alert('点击了按钮')"/>
    <!--作为URL的主体-->
    <a href="javascript:alert('dd')">JS脚本作为URL的主体</a>

    script标签可以在任何地方使用,通常在head中或者body底部,因为要不在之前引入需要一加载就使用的js,要不在之后引入需要操作dom的js。

    展开全文
  • 关于script标签

    2020-06-20 11:05:51
    script标签 type=“text/javascript” 说明当前script标签中文本的类型 <script>标签的属性 text/javascript表示说明这一段脚本语言是JavaScript,告诉浏览器这一段要按照JavaScript来执行 (1)language已废弃...

    script标签

    • type=“text/javascript” 说明当前script标签中文本的类型
      <script>标签的属性
      text/javascript表示说明这一段脚本语言是JavaScript,告诉浏览器这一段要按照JavaScript来执行
      (1)language已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了
      (2)src表示要引入的外部文件
      (3)type表示脚本语言的类型
    • 所有的JS代码都必须写在script标签里
    • 为了语法规范,script标签写在head标签中
    • 可以引入多个script标签,多个标签之间,顺序执行
    • js代码可以外部引用
     <script type="text/javascript" src="路径"></script>
    
    • 如果当前script标签作用是引入外部文件,这个script标签中,就不能再写代码了,写了也执行不到

    JavaScript和HTML的执行顺序
    JavaScript和HTML代码在同一文件中写,他们执行的顺序是从上朝下,谁在前先执行谁,一般来说,没有特殊需求,JavaScript代码写在与中间,当然JavaScript代码写在html文件的任何地方都可以。
    JavaScript标签可以出现多个。
    输出</script>标签

    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script type="text/javascript">
    			document.write("</script>");
    		</script>
    	</head>
    	<body>
    	</body>
    </html>
    

    执行结果
    在这里插入图片描述
    可以看到script开始标签和document里面的script结束标签配对,这样怎么解决呢?
    原样输出标签的内容

    &lt;//是“<”
    &gt;//是“>”
    
    <script type="text/javascript">
    	document.write("&lt/script&gt");
    </script>
    

    执行结果
    在这里插入图片描述
    注释

    • 单行注释 快捷键 ctrl + /
    • 多行注释 快捷键 ctrl + shift + /
    展开全文
  • script标签位置

    2020-11-09 23:43:55
    一、script标签位置应该在哪里? 在平常的时候我们发现,有的把script标签放在头部,(实例): <head> <meta charset="utf-8"> <title>Document</title> <script type="text/...

    一、script标签位置应该在哪里?

    在平常的时候我们发现,有的把script标签放在头部,(实例):

    <head>
        <meta charset="utf-8">
        <title>Document</title>
        <script type="text/javascript">
            console.log("hello")
        </script>
    </head>
    

    有的把script标签放在body底部

    	<script>
        	console.log("hello")   
    	</script>
    </body>
    

    其实正常情况下放在哪里都可以,但是一般情况下推荐放在body底部,HTML中代码由上往下执行,会等js代码执行完才会加载页面。会让网页内容呈现滞后,导致用户感觉到卡,影响用户体验。特殊情况下,一些特别依赖js网页放在头部。

    总结

    正常情况下,放在任何地方;一般情况下,放在body底部;特殊情况下,放在头部。

    展开全文
  • script标签的知识

    2020-06-17 15:55:43
    script标签的知识 script标签的执行顺序 script 是按照它们出现的顺序被执行的,执行时会阻塞程序运行,建议页面实现类的js放到body之前,动作、交互、事件驱动、对于dom属性的访问操作可以放在body的dom之后尾...

    script标签的知识


    script标签的执行顺序

    script 是按照它们出现的顺序被执行的,执行时会阻塞程序运行,建议页面实现类的js放到body之前,动作、交互、事件驱动、对于dom属性的访问操作可以放在body的dom之后尾标签之前。这样会加快网页的加载速度。

    script标签的async和defer属性

    HTML5 添加了两个工具来控制脚本的执行。

    async 表示“不用马上执行它”。更具体地它表示:我不介意你在整个网页加载完成之后执行这个脚本,把它放在其他脚本执行之后。这对于统计分析脚本来说非常有用,因为页面上没有其他的代码需要依赖于统计脚本执行。定义一个页面需要的变量或函数在 async 的代码中是不行的,因为你无法知道什么时候 async 代码将会被实际执行。

    defer 表示“等待页面解析完成之后执行”。它大致等价于将你的脚本绑定到 DOMContentedLoaded 事件,或者使用 jQuery.ready。当这个代码被执行,DOM 中的一切元素都可用。不同于 async,所有加了 defer 的脚本将会按照它们出现在 HTML 页面中的顺序执行,它只是推迟到 HTML 页面解析完毕后开始执行

    script标签的type属性

    在 script 标记上是否写上 type=text/javascript 没有什么关系。如果你通过 type 设置一个非 JavaScript 的 MIME 类型,浏览器不会执行它。当你想要定义你自己的语言时,这会很酷:

    <script type="text/emerald">
      make a social network
        but for cats
    </script>
    

    这段代码实际执行结果由你自己决定,例如: 自己编写runEmeraldCode函数

    <script>
      var codez = document.querySelectorAll('script[type="text/emerald"]');
      for (var i=0; i < codez.length; i++)
        runEmeraldCode(codez[i].innerHTML);
    </script>
    

    如果你有特别的需要,你也可以重写页面上 script 标记的默认 type,方法是通过一个 meta 标记:

    <meta http-equiv="Content-Script-Type" content="text/vbscript">
    

    或者一个请求返回一个 Content-Script-Type header。

    script标签的integrity属性

    integrity 属性是子资源完整性新规范的一部分。它允许你为脚本文件将包含的内容内容提供一个 hash。这意味着可以防止在传输的时候内容丢失或者被恶意修改。就算使用了 SSL,这个规范也是有意义的,因为有时候你要加载的资源是你无法控制的站外资源,比如 code.jquery.com。

    如果你选择使用它,你要在 script 标记里包含一个 hash 类型以及 hash 值,将它们以连字符隔开。看起来类似下面这样:

    <script
      src="//code.jquery.com/jquery.js"
      integrity="sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC">
    </script>
    

    script标签的crossorigin属性

    虽然还没有完全被标准化,但是一些浏览器支持 crossorigin 属性。基本的想法是,浏览器会限制对非同源资源的使用(同源资源是指相同的协议、hostname 以及端口,例如: `http://google.com:80)。

    这是为了防止你,例如,向你的竞争对手网站发请求,注销你的用户在对方网站的账号(这不好!)。这个问题牵扯到 script 标记虽然有点意外,但如果实现了 crossorigin,你只要加一个 handler 到 window.onerror 事件上,就能在看控制台上看到一些警告信息,提示你引入了一个不该引入的外站脚本。在安全的浏览器下,除非你指定 crossorigin 属性,不然加载外站脚本不会出错。

    document.currentScript

    document.currentScript 的属性。它指向当前正在被执行的脚本。如果你想要从你嵌入的 script 标记中拿一些属性来用,它会非常有用。我个人非常高兴它还没有被完全支持,否则它会让我们在一部分工作中渴望嵌入更复杂的代码。 IE并不支持。

    script 标记和 innerHTML

    通过 DOM 动态添加到页面上的 script 标记会被浏览器执行:

    var myScript = document.createElement('script');
    myScript.textContent = 'alert("✋")';
    document.head.appendChild(myScript);
    

    通过 innerHTML 动态添加到页面上的 script 标记则不会被执行:

    document.head.innerHTML += '<script>alert("✋")</script>';
    

    为什么会是这样的原因不是很确定,但是它解决了一个小问题:“是否有一个办法让一个 script 标记在 Chrome 代码检查器中显示但不实际执行?”你可以利用这个来对你的同事做恶作剧。

    展开全文
  • 细节问题:在多对的script标签中如果有相同的函数,那它们相互之间是不会受影响的,在第二对script标签中声明变量或者是创建函数,在第一对script标签中是无法访问到的,这就说明了,javaScript的预解析只会在各自的...
  • Selenium爬虫遇到 数据是以 JSON 字符串的形式包裹在 Script 标签中,假设Script标签下代码如下:{"user": {"isLogin": true,"userInfo": {"id": 123456,"nickname": "LiMing","intro": "人生苦短,我用python"}}}...
  • 透彻理解script标签

    2019-01-22 18:22:13
    内联:在页面处插入script标签,其中JavaScript代码写在闭合标签script之间,例如下面这样: &lt;script&gt; console.log("Hello World!"); &lt;/script&gt; 2.利用script标签的src...
  • script标签的位置

    2020-11-02 16:45:15
    在我们编写代码的时候,会在页面内使用为什么很多人把script标签放在底部 初学者在学习JS的时候看见很多DEMO里面的script标签写在底部,但是却不是很清楚为什么,下面来解释一下: 虽然理论上放在哪里都是可以的,...
  • HTML中script标签

    千次阅读 2019-03-05 17:07:36
    一、script标签中的属性 async:在script标签中添加此属性,浏览器会开启异步下载脚本(执行到当前标签后立即下载),当下载完成后立即执行,但并不会按着script在页面中的顺序来执行,而是谁先加载完谁执行。...
  • html页面基于script标签引入vue使用时,将此js放在项目路径中引用即可离线使用vue框架,避免在线引用网络延迟。 具体使用方法可参考我的博客
  • thymeleaf会渲染页面上的script标签中的内容。 有时候在script标签出现了[[data]]这种双数组的定义,页面渲染就会出错,此时需要忽略这个script标签中的内容. 在script标签中加上th:inline="NONE",就不会渲染这段...
  • 动态创建script标签

    万次阅读 2017-08-15 14:52:59
    //创建script标签 $('body').append(script); //将标签插入body尾部 var head = document.getElementsByTagName('head')[0];var script = document.createElement('script');script.type = 'tex
  • 详细理解script标签

    千次阅读 2019-07-06 17:45:39
    说到script标签,大家耳熟能详的就是src属性了,但是你是否记得它有一些其它属性呢?接下来我仔细盘点,看看是否知道它们的含义。
  • 完美过滤script标签

    千次阅读 2018-09-14 11:29:10
    完美过滤script标签 // .* 不能匹配换行 // [\s\S]* 支持匹配换行 // ? 表示匹配最近的一个结束标签&lt;/script&gt; // i 不区分大小写 $html = preg_replace('/&lt;script[\s\S]*?&lt;\/script&...
  • JS 之 script标签

    2019-09-17 16:33:29
    1.script标签 1.js代码的解析(包括下载js文件)会阻塞页面加载 2.当js文件放在头部,页面必须等所有js代码都被下载,解析和执行完成后才开始呈现页面内容(遇到body标签才呈现)...
  • script标签加载优化

    2016-05-07 13:58:00
    当加载到script标签时会停下所有加载等待script加载完毕,当script放在head标签中时,用户加载网页时会先加载script标签,使得body中的内容没法第一时间加载,导致页面处在一片空白状态下,直到script加载完毕。...
  • script标签 定义JavaScript代码 <!--定义JavaScript代码--> <script type="text/javascript"> </script> 引入JavaScript文件 src=""引入的 js文件路径 <!-- 引入JavaScript...
  • script标签charset属性

    2018-10-15 14:50:59
    2.script标签也设置了charset=“utf-8”; 浏览器显示js文件还是乱码??? 原因: 1.js文件使用的是无BOM头的utf-8文件 2.&lt;script&gt;标签没有添加type=“text/javascript”属性。 分析: html...
  • 一对script标签有问题,不会影响其他script标签代码的执行 当一对script标签的作用是引入外部的js文件的时候,就不要在其内部继续写其他js代码了,容易出错。 页面中可以出现多对script标签 script标签一般放在...
  • script标签的位置详解

    2019-06-09 17:22:53
    标签来写JS,虽然理论上script标签的位置放在哪里可以,但是还是有一点区别的。 2、为什么很多人把script标签放在底部: 初学者在学习JS的时候看见很多DEMO里面的script标签写在底部,但是却不是很清楚为什么,...
  • script>...所以:在head中checkInput1 为undefined,而在body的script标签中checkInput2为Object <html> <head> <title>验证码</title> <meta charset="UTF-8"&
  • html的script标签

    2017-10-10 09:22:33
    script 标签Definition and Usage<script> 标签用于定义客户端脚本,比如 JavaScript。 script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。 必需的 type 属性规定脚本的 MIME 类型。必选属性 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,267
精华内容 8,106
关键字:

script标签