type="text/javascript" type="application/javascript"

解决IE7, IE8中脚本引入问题
最新推荐文章于 2024-08-28 22:48:13 发布
原创 最新推荐文章于 2024-08-28 22:48:13 发布 · 6.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#applicationjavascrip #javascript

本文探讨了在IE7和IE8浏览器中脚本引入失败的问题，并对比了不同脚本类型标记的使用情况。指出`type=text/javascript`与`type=application/javascript`之间的区别及对浏览器的支持差异。

    <script type="application/javascript" src="js/jquery-1.7.2.min.js"></script>

    <script type="application/javascript" src="js/default.js"></script>

上面这样引入脚本是正确的，但是在IE7，IE8下会引入失败


`type="text/javascript"` 是比较老的写法
IETF 推荐的是 `type="application/javascript"`
实际上这两种没什么大区别，只是不同浏览器的支持不一样。

看到了组件库里封装的textarea，＜script type=“text/ecmascript-6“＞，关于MIME类型，MIME类型
imkaifan的博客
09-28 490
，关于MIME类型，MIME类型
Failed to load module script: The server responded with a non-JavaScript MIME type of “text/html”.
浪漫之圣
02-28 1340
vue3+vite打包以后，项目切换路由触发（偶发触发）报: After using vue-router, there is an error in packaging and running # Failed to load module script: The server responded with a non-JavaScript MIME type of “text/html”. Strict MIME type checking is enforced for module scripts
type="application/javascript"
weixin_30267697的博客
12-01 1900
type="application/javascript" html script 标签中 type有如下这些值，请问分别是什么意思，在什么情况下使用？ type="text/javascript" type="application/javascript" type="application/x-javascript" 这3个有什么区别吗 ? ...
【前端】text/javascript与application/javascript的区别
ZeroJsus的技术黑板
05-31 920
在阅读HTMLScriptElement接口的时候，发现里面的例子在生成script标签的时候用到了 type=‘text/javascript’，而script还有一个属性值是 type=‘application/javascript’
<script>中text/javascript和application/javascript两个不同属性的区别
Love.Hope.Faith
01-03 1万+
如题。         我最近在做的一个项目里面遇到一个小问题。就是我写在标签中的javascript语句，在chrome,safari,firefox,IE9.10.11上面都可以正常运行，但是到了IE8以下的浏览器就无法运行了。          一开始以为是我的语句里面有一些兼容性问题，于是我又单独写了个例子去运行，同样的javascript代码在各个浏览器中都成功运行，可是到了我的项目
text/html application/javascript,浅谈JS之text/javascript和application/javascript
weixin_29514317的博客
06-16 695
问题描述：JS在IE8以下浏览器运行异常代码：标签是这样子写的：//执行语句这是书写的时候Dreamweaver自动补全的。但是在自己运行的例子中我的script标签写的是：//执行语句将项目中的标签type属性修改成了text-javascript，然后，然后在IE8一下就可以运行了。拓展：最实用的用法，现在各大浏览器已经都基本上支持了HTML5，HTML5中我们已经可以直接使用而不需要制定sc...
js mine 类型javascript----text/javascript,application/javascript, and appliation/x-javascript
weixin_33827590的博客
09-06 226
这两天使用iewatch观察google的网站的时候，发现学到js文件的mime类型为text/javascript，而今天在qq的网站上，使用iewatch发现，有时用text/javascript的，也有使用application/javascript的还有使用appliation/x-javascript的，所有就不太知道这三个mime 类型有什么...
javascript中的用法与意思
10-26
随着HTML5的发展，`type`属性默认值已经被设置为`application/javascript`，因此现代浏览器中不再需要显式地指定`type="text/javascript"`。然而，在某些旧版的HTML文档或者为了保持兼容性时，仍然会见到这样的写法...
text/javascript与application/javascropt
最新发布
09-30
若页面使用`<script type="application/javascript" src="...."></script>`，IE6、7、8 无法识别其中的 JS 语句，必须使用`<script type="text/javascript" src="...."></script>`才有效。“application/javascript...
Vue中通过<script></script>引入的Vue.js文件
04-28
<script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的文件位置决定的，我这里只是拿我自己做的举个例子。这个地方的vue.js是因为我下载了两次...
Mime type with javascript----text/javascript,application/javascript, and appliation/x-javascript
Klipdas csdn blog
04-28 4663
这两天使用iewatch观察google的网站的时候，发现学到js文件的mime类型为text/javascript，而今天在qq的网站上，使用iewatch发现，有时用text/javascript的，也有使用application/javascript的还有使用appliation/x-javascript的，所有就不太知道这三个mime 类型有什么区别，在google上一搜：The tr
【转】script标签中 text/javascript 和 application/javascript的区别
simon的博客
02-03 1197
js文件的mime类型为text/javascript，有时用text/javascript的，也有使用application/javascript的还有使用appliation /x-javascript的，所有就不太知道这三个mime 类型有什么区别，在google上一搜： The traditional MIME type for JavaScript programs is "te...
text/javascript和application/json的区别
热门推荐
z1340954953
07-25 1万+
text/javascript和application/json的区别
application/x-javascript的用处
Blackbaby
11-13 3567
在jsp,servlet中设置contentType="application/x-javascript; charset=UTF-8"后可以动态生成js角本，可以应用在比如动态菜单，可定制的前端的模块等等
script标签type值application/json，importmap和module
pk142536的博客
05-15 3733
script标签type值importmap和module的含义与用法
ECMAScript 6 入门教程—Module 的加载实现
油墨香^-^的博客
05-23 1018
作者 | 阮一峰 上一章介绍了模块的语法，本章介绍如何在浏览器和 Node.js 之中加载 ES6 模块，以及实际开发中经常遇到的一些问题（比如循环加载）。 1、浏览器加载 传统方法 HTML 网页中，浏览器通过<script>标签加载 JavaScript 脚本。 <!-- 页面内嵌的脚本 --> <script type="application/javascript"> // module code </script> <!--
js中＜script＞ 标签中type值及其含义
HGX-DJK
08-28 3742
不同的 type 值适用于不同的场景和需求。type=“module” 和 type=“text/javascript” 是目前最常用的用于 JavaScript 的类型。而像 application/json 和 application/ld+json 则用于特定类型的数据嵌入，text/x-template 常用于前端模板引擎中。模块可以导入和导出其他模块，并且默认以严格模式（strict mode）执行。使用模块时，浏览器会对每个模块进行独立的处理，可以避免全局命名冲突。
Nginx concat模块
若明天不见
06-20 1069
Nginx concat 配置及使用介绍 [Tengine](http://tengine.taobao.org)是由淘宝网发起的Web服务器项目。ngx_http_concat模块就是其中之一，作用为在同一个请求里返回多个文件拼接。 ## 配置示例 使用`??`拼接多个文件
type="text/javascript"意义
08-07
### `type="text/javascript"` 在 HTML 中的意义 在 HTML 文档中，`<script>` 标签的 `type` 属性用于指定嵌入或引用脚本的 MIME 类型。当使用 `type="text/javascript"` 时，表示该脚本是使用 JavaScript 编写的，并指示浏览器以 JavaScript 引擎来解析和执行该脚本内容[^1]。 在 XHTML 文档中，`type` 属性是必需的，因为 XHTML 作为 XML 的一种应用，要求所有元素都必须严格遵循语法规范。即使在 HTML5 中，虽然 `type="text/javascript"` 可以省略（因为 HTML5 默认脚本语言为 JavaScript），但显式声明该属性仍有助于提高文档的可读性和兼容性[^1]。 例如，一个使用 `type="text/javascript"` 的 `<script>` 标签如下： ```html <script type="text/javascript"> function greet() { alert("Welcome to the site!"); } </script> ``` 浏览器在解析该脚本时，会识别 `type` 属性值为 `text/javascript`，并按照 JavaScript 的语法规则进行处理。 ### `text/javascript` 的 MIME 类型标准 `text/javascript` 是 JavaScript 的标准 MIME 类型。服务器在响应客户端请求时，也应设置正确的 `Content-Type` 响应头为 `text/javascript`，以确保客户端（如浏览器）能够正确识别并处理该资源。尽管现代浏览器在某些情况下可以自动识别脚本类型，但遵循标准 MIME 类型规范仍然是推荐做法[^1]。 此外，`<script>` 标签不仅可以加载内联脚本，还可以通过 `src` 属性加载外部 JavaScript 文件，此时也应使用 `type="text/javascript"`： ```html <script type="text/javascript" src="script.js"></script> ``` ### 其他可能的 `type` 值 除了 `text/javascript`，HTML 还支持其他脚本语言类型，例如 `application/ecmascript` 或 `module` 类型，用于加载 ES6 模块： ```html <script type="module"> import { greet } from './utils.js'; greet(); </script> ``` 这些不同的 `type` 值允许开发者使用不同的脚本执行模型，以满足现代 Web 应用的需求。 --- ### 示例：HTML 中使用 `type="text/javascript"` 以下是一个完整的 HTML 示例，展示如何使用 `type="text/javascript"` 来加载内联脚本： ```html <!DOCTYPE html> <html> <head> <title>JavaScript Example</title> <script type="text/javascript"> function displayMessage() { document.getElementById("demo").innerHTML = "Hello, JavaScript!"; } </script> </head> <body> <button onclick="displayMessage()">Click Me</button> <p id="demo"></p> </body> </html> ``` 当用户点击按钮时，JavaScript 函数 `displayMessage` 会被执行，并更新页面上的文本内容。 --- ### 迁移与兼容性考虑 随着 Web 技术的发展，`text/javascript` 已成为默认标准，但在某些旧系统或特定环境中，仍需显式声明该属性以确保兼容性。对于从 VBScript 或其他脚本语言迁移至 JavaScript 的项目，应确保所有 `<script>` 标签的 `type` 属性正确设置为 `text/javascript`，以避免执行失败或被浏览器忽略的情况[^1]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值