• <script>中text/javascript和application/javascript两个不同属性的区别


    如题。

    我最近在做的一个项目里面遇到一个小问题。就是我写在<script>标签中的javascript语句,在chrome,safari,firefox,IE9.10.11上面都可以正常运行,但是到了IE8以下的浏览器就无法运行了。

    一开始以为是我的语句里面有一些兼容性问题,于是我又单独写了个例子去运行,同样的javascript代码在各个浏览器中都成功运行,可是到了我的项目中就是运行不了。

    偶然之中,我瞥见我的<script>标签是这样子写的:

    <script type="application/javascript">
    //执行语句
    </script>

    这是书写的时候Dreamweaver自动补全的。
    但是在我自己运行的例子中我的script标签写的是:

    <script type="text/javascript">
    //执行语句
    </script>

    于是,我将我项目中的标签type属性修改成了text-javascript,然后,然后在IE8一下就可以运行了。
    下面补充一下关于这个属性的一些知识:

    最实用的用法,现在各大浏览器已经都基本上支持了HTML5,HTML5中我们已经可以直接使用<script></script>而不需要制定script标签的type属性了。

    根据内核属性,我们将浏览器分为四类:IE6/7/8/9/10/11,firefox, chrome/safari, opera.

    如果需要在script标签中添加type属性,一般type有下面几种:

    1.text/javascript:这是目前来说次于<script></script>标签的最合适的type属性

    2.application/javascript:这个属性亲测在IE8以下的浏览器中无法被识别。

    3.language="javascript":这个标签是W3C的HTML标准,但是目前已经不再推荐使用。

    4. text/ecmascript:少用

    5. text/jscript:少用

    6.text/vbscript:少用

  • 相关阅读:
    jQuery选择器
    js创建对象的几种方式
    call()和apply()
    js实现二分查找
    关于HTTP请求
    node/npm命令收集
    微信H5开发笔记——记录开发中用到的知识(手机摇动、事件捕获、wechat禁止分享、正则、promise...)
    css额外学习笔记
    gulp 结构和运行步骤——笔记1
    手机版H5开发--收集大神们的笔记
  • 原文地址:https://www.cnblogs.com/jijm123/p/16086459.html
Copyright © 2020-2023  润新知