`
faiinlove
  • 浏览: 57291 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Javascript死在type属性

阅读更多

博客地址: http://baicaier.iteye.com/

昨天修改一个页面,是用的js的document.location做跳转的,在火狐下面有测试通过了,在IE6下突然就发现不行了!

然后看了页面,一个很简单的页面:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统提示 - 百才招聘 www.baicai.com</title>
</head>
<body>
<script type="application/javascript" language="javascript">
<!--
	var action = '{action}';
	if(action == 'pwd'){
		if(window.confirm('密码不对,现在取回密码吗?')){
			window.location = '/personal/forget.html';
		}else{
			window.location = '/personal/login.html';
		}
	}else{
		if(window.confirm('帐号不存在,现在注册吗?')){
			window.location = '/personal/register.html';
		}else{
			window.location = '/personal/login.html';
		}
	}
-->
</script>
</body>
</html>

 这个页面很简单,但是里面的几个简单JS没有执行,为何???

我看了下,与平时写的javascript唯一的不同之处就是这里了:<script type='application/javascript'......

平时我们是写:text/javascript。

改回来,重新测试。

OK!!!!

怪了!这两个有什么区别呢?google一下。

来看一段google到的结果:

 

 写道
javaScript的type属性有使用text/javascript的,也有使用application/javascript的还有使用appliation/x-javascript的,所有就不太知道这三个mime 类型有什么区别,在google上一搜:

The traditional MIME type for JavaScript programs is
"text/javascript". Another type that has been used is
"application/x-javascript" (the "x" prefix indicates that it is an
experimental, nonstandard type). RFC 4329 standardized the
"text/javascript" type because it is in common use. However, because
JavaScript programs are not really text documents, it marks this type
as obsolete and recommends "application/javascript" (without the "x-")
instead. At the time of this writing, "application/javascript" is not
well supported, however. That might be the reason why
"application/x-javascript" is used by a lot of webpages.

大致意思是:传统的javascript程序的MIME类型是“text/javascript”,其他使用的还有"application/x-javascript"(x前缀表示这是实验性的,不是标准的类型),RFC4329规定了“text/javascript”类型,因为它普遍被使用。然而,javascript程序并不是真正的文本文件,这就表示这个类型已经意味着过时了,而推荐使用"application/javascript"(去除x前缀)。然而,在写程序的时候,"application/javascript"没有很好的支持。这也行就是"application/x-javascript"被使用在很多网页中的原因。

 原因出来了,浏览器的差异,互联网的各种标准导致了不统一。

换回原始的"text/javascript",原始社会好!

分享到:
评论
22 楼 Checkmate 2010-05-04  
zou-hong 写道
IE6不是吧!怎么还会有人顶它~~~

在GE就禁止使用IE6以外的任何浏览器
21 楼 chemzqm 2010-05-03  
汗~我也干过这个事
20 楼 cuixiping 2009-11-18  
我装的比较多一点。

IE6,装在虚拟机上,调试用。
IE7,内置于EditPlus中,调试用。
IE8,本机正规IE,调试用,平常Firefox上不了的网站用。
Firefox,既作调试用,平常上网也用这个。
Opera,调试用。
Chrome,调试用。
Safari,调试用。
Netscape,调试用。
19 楼 xingqiliudehuanghun 2009-11-10  
上网FireFox
公司开发:ie6 ie8
调试:FireFox ie8
ie8的那个调试很不爽,经常死掉,但有总比没有强
18 楼 faiinlove 2009-11-09  
leeldy 写道
万恶的IE6。。。
现在专心用360浏览器娱乐,IE8和FF调试,Chrome尝鲜。。。

360就是IE加了个外观壳,
IE8的调试很垃圾
Chrome做冲浪浏览器还行·
FF才是开发的终极利器
17 楼 leeldy 2009-11-09  
万恶的IE6。。。
现在专心用360浏览器娱乐,IE8和FF调试,Chrome尝鲜。。。
16 楼 iaimstar 2009-11-09  
还是chrome好啊
15 楼 xingqiliudehuanghun 2009-11-09  
我也碰到过类似的情况,但不是卡在IE而是FireFox,就因为用DreamWeaver的自动提示
的时候多摁了下向下的箭头把Type设置成了text/jscript,也是一阵折腾,最后发现原来
错误如此简单
14 楼 faiinlove 2009-11-08  
zou-hong 写道
IE6不是吧!怎么还会有人顶它~~~

都不知道干嘛,这个话题怎么扯到IE6了
13 楼 zou-hong 2009-11-06  
IE6不是吧!怎么还会有人顶它~~~
12 楼 faiinlove 2009-11-06  
hax 写道
一般场合,type属性最好省略。这也是符合html5规范的。

特殊场合需要使用type属性,比如你要在moz等新浏览器上开启高版本(js 1.7+)支持的时候。

支持此观点!
11 楼 hax 2009-11-06  
一般场合,type属性最好省略。这也是符合html5规范的。

特殊场合需要使用type属性,比如你要在moz等新浏览器上开启高版本(js 1.7+)支持的时候。
10 楼 goddy128 2009-11-05  
Hehe, there is no other ways but only to bear ie6
9 楼 faiinlove 2009-11-05  
xieye 写道
力顶IE6

你是狂热教徒!!
8 楼 xieye 2009-11-05  
力顶IE6
7 楼 faiinlove 2009-11-05  
ufoqhmdt 写道
该死的IE6   在开发项目的时候 IE6 极度让人痛苦!国外的IE6市场占用率倒数第一.居然在中国正数第一.
我很郁闷!

不过IE6 在中国马上就要成为历史了.期待中!

想要变成历史,除非XP马上死掉!!!只要有XP在的一天,IE6就会存在· ·
Kill IE6,已经变成一种口号!!
但是,谁都不愿意失去用户!!
用户是上帝,上帝用IE6,你就得做IE6的教徒!
6 楼 ufoqhmdt 2009-11-05  
该死的IE6   在开发项目的时候 IE6 极度让人痛苦!国外的IE6市场占用率倒数第一.居然在中国正数第一.
我很郁闷!

不过IE6 在中国马上就要成为历史了.期待中!
5 楼 faiinlove 2009-11-05  
jejwe 写道
faiinlove 写道
tenderghost 写道
直接写<script>就行了,不用写什么type、language之类的,增加流量,还出力不讨好,哈哈

这几个字符能增加多少流量呢·!
标准和规范化,做站点就是要这样!

如果是大流量的网站,这个增加的流量就大了。你可以看看GOOGLE首页的代码。能去的都去了,比如TYPE还有属性的绰号等.你可以看看这篇文章:
http://lifesinger.org/blog/2009/06/google-com-src-study/
要了解标准,通晓标准,而不是死板的去遵循。

这个道理我明白!我分析过google的代码··
放心,本文中的页面流量只有每日流量的2%!
而且,我们不要与google比,它是不需要seo也不需要被他人收录的!所以,只要用户爽就ok!
4 楼 jejwe 2009-11-05  
faiinlove 写道
tenderghost 写道
直接写<script>就行了,不用写什么type、language之类的,增加流量,还出力不讨好,哈哈

这几个字符能增加多少流量呢·!
标准和规范化,做站点就是要这样!

如果是大流量的网站,这个增加的流量就大了。你可以看看GOOGLE首页的代码。能去的都去了,比如TYPE还有属性的绰号等.你可以看看这篇文章:
http://lifesinger.org/blog/2009/06/google-com-src-study/
要了解标准,通晓标准,而不是死板的去遵循。
3 楼 faiinlove 2009-11-04  
tenderghost 写道
直接写<script>就行了,不用写什么type、language之类的,增加流量,还出力不讨好,哈哈

这几个字符能增加多少流量呢·!
标准和规范化,做站点就是要这样!

相关推荐

    javascript中的用法与意思

    ### JavaScript中的`&lt;script type="text/javascript"&gt;`标签...随着技术的发展,虽然`type="text/javascript"`这一属性已经不再是必须的,但在实际项目中仍然可以看到它的身影,特别是为了确保与老版本浏览器的兼容性。

    JavaScript获取网页表单action属性的方法

    这种动态修改表单属性的能力使得JavaScript在前端开发中非常灵活和强大。 除了通过id来获取表单元素外,JavaScript还提供其他方式来选取表单,例如通过name属性或者直接通过表单元素的索引位置。例如,如果表单的...

    CSS和JavaScript标签style属性对照表

    在JavaScript中,这些属性名的首字母会大写,并且去掉破折号。 ##### 浮动与清除属性(Float and Clear Properties) - **CSS属性**:`clear` - **JavaScript属性**:`clear` - **CSS属性**:`float` - **...

    javascript-ajax基本属性方法详解

    JavaScript中的AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这里我们将深入讲解JavaScript的基础知识以及AJAX的...

    示例4:操作节点属性.rar_javascript操作节点属性

    DOM允许我们通过JavaScript来访问和修改网页中的元素、属性、文本等。本示例主要讲解如何使用JavaScript操作DOM节点的属性。 首先,我们需要了解DOM节点的基本概念。每个HTML元素都是一个DOM节点,包括元素节点、...

    JavaScript CSS Style属性对照表

    在CSS中,大多数属性名称是不区分大小写的,而在JavaScript中,为了保持一致性以及兼容性,通常采用驼峰式命名法(camelCase),且首字母小写。下面我们将按照不同的类别来介绍这些属性。 #### 三、盒子模型属性 *...

    script标签属性用type还是language

    首先,`language`属性在HTML和XHTML标准中逐渐被淘汰,因为标准推荐使用`type`属性来定义脚本的类型。`language`属性曾被用来区分不同的脚本语言,比如`language="JavaScript"`。然而,这并不意味着所有浏览器都支持...

    Javascript 动态改变imput type属性

    总结起来,通过JavaScript动态改变input元素的type属性,可以实现更加动态的用户界面,提升用户交互体验。这种方法在实现如密码显示切换、邮箱验证等多种场景中都非常实用。当然,操作DOM元素时需要注意代码的健壮性...

    js动态修改input输入框的type属性及验证Email

    本文将深入探讨如何使用JavaScript动态修改`input`输入框的`type`属性,并介绍如何进行Email验证。 `type`属性是`input`标签的一个关键属性,它决定了输入框的行为和外观。默认情况下,`input`元素的`type`可能是`...

    javascript笔记 javascript笔记

    这种方式常见于`&lt;a&gt;`、`&lt;input&gt;`等标签中,通过事件属性如`onclick`、`onmousedown`等来触发JavaScript函数。 **示例1:** ```html &lt;a href="javascript:document.write('Hello World!')"&gt;Click ``` - **解释:** ...

    javaScript属性详解

    ### JavaScript属性详解 #### 1. JavaScript对象与数组概述 JavaScript是一种广泛应用于Web开发的语言,其强大之处在于能够处理各种对象和数组。本文将详细介绍JavaScript中的一些基础对象和数组,并探讨它们的属性...

    JavaScript属性

    在引用外部JS时,需注意通过`type`属性指定脚本类型,如`type="text/javascript"`。 JavaScript中的DOM(Document Object Model)操作是核心功能之一。`document.getElementById()`用于根据ID获取HTML元素,`...

    JAVASCRIPT对象属性大全[参考].pdf

    在JavaScript中,对象和属性是其语法基础的重要组成部分。本文将深入探讨JavaScript中的对象属性,包括它们的功能、用途以及如何使用。 1. **anchor对象**:在HTML中,`&lt;A NAME&gt;`标记创建的锚点可以作为一个链接的...

    JavaScript语言参考手册

    这一章包含了在 JavaScript客户端用于激发某些特定动作的事件对象和事件句柄。另外,本章还包括了关于使用事件和事件句柄的常规信息。 关于事件常规信息 定义事件句柄 Navigator 4.0 中的事件 event onAbort onBlur ...

    html5通过javascript预览图片以及获取图片属性

    JavaScript作为浏览器端的主要...总的来说,HTML5和JavaScript结合提供了丰富的图片处理能力,允许开发者在网页上实现图片预览和获取图片属性等功能。通过理解并运用这些API,可以为用户提供更加直观和互动的网页体验。

    JavaScript 教程.doc

    - `type`:默认值为 "text/javascript",但现代浏览器通常可以省略此属性,因为 "text/javascript" 是默认类型。 - `async`:如果设置为 "async",脚本将在可用时异步加载,不会阻塞页面渲染。 - `defer`:如果设置...

    JavaScript简介及基础语法介绍

    在上面的示例代码中,我们使用JavaScript来实现了一个简单的计算器功能,用户可以在输入框中输入两个数字,然后点击“计算结果”按钮,JavaScript将对两个数字进行加法运算,并将结果显示在第三个输入框中。...

Global site tag (gtag.js) - Google Analytics