HTML中不支持静态Expando的元素的问题


Posted in Javascript onMarch 08, 2007

在使用脚本统一处理一批页面的时候,我希望通过被处理页面的TITLE元素取到文档的标题和我自定义的一些属性。这些附加的属性是我在服务器端通过Attributes集合添加的,可是运行的结果和我的期望老是相去甚远,怎么我在TITLE元素里写入的自定义属性老是空值呢?

    客服端和服务器端代码分别是:

    ASPX:
<title id="title" runat="server">Query Info</title>
    C#:  protected HtmlGenericControl title;

private void Page_Load(object sender, System.EventArgs e)
{
    // ...
    title.InnerHtml = "查询信息";
    title.Attributes["icon"] = "QueryInfo.gif;
}
    HTML:
<title id="title" icon="QueryInfo.gif">查询信息</title>
    JavaScript:
var iconPath = docucment.all.tags('TITLE')[0].icon;
if ( iconPath )
{
    var img = document.createElement('IMG');
    img.src = iconPath;
    // ...
}

    结果就是总出不来我希望的那个icon,跟踪JavaScript代码,发现iconPath总是undefined。在看看HTML代码,里面明明有icon="QueryInfo.gif"这个属性值对。于是从title对象中去查看outerHTML,outerHTML居然是:<title id="title">查询信息</title>。根本没有icon那个属性,难怪JavaScript取到的iconPath总是undefined的说。

    仔细查下去,发现原来是html元素在处理expando属性上有区别。我们给html元素添加expando属性有两种方式,一是我们常用的动态方式;就是使用脚本来给html元素添加expando属性。二是使用静态方式;即在html代码中以literal方式添加expando属性。分别举例如下:

    动态添加expando属性: <span id=mySpan>this is a span element.</span>
<script language=javascript>
mySpan.myAttri = 'attribute';
</script>
    静态添加expando属性: <span id=mySpan myAttri=attribute>this is a span element.</span>
    本来这两种写法基本是没有什么区别的,可是元素title却只支持动态添加expando属性,而不支持静态添加expando属性,这也就是为什么我开始会出错误的原因。那么还有那些html elements和title一样不支持静态添加expando属性呢?在108个html elements中,以下10个元素都不支持静态添加expando属性:
HTML, HEAD, TITLE, BODY, BASEFONT, FORM, HR, HR, TBODY, SCRIPT
    不过动态添加expando属性,是所有的html elements和dhtml objects都支持的。

Javascript 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
用Javascript数组处理多个字符串的连接问题
Aug 20 Javascript
JS 非图片动态loading效果实现代码
Apr 09 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
javascript动态生成树形菜单的方法
Nov 14 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
May 05 Javascript
tween.js缓动补间动画算法示例
Feb 13 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
vue中keep-alive组件的入门使用教程
Jun 06 Javascript
Vue Router中应用中间件的方法
Aug 06 Javascript
何时使用Map来代替普通的JS对象
Apr 29 Javascript
详细聊聊vue中组件的props属性
Nov 02 Vue.js
使用TextRange获取输入框中光标的位置的代码
Mar 08 #Javascript
获取JavaScript用户自定义类的类名称的代码
Mar 08 #Javascript
JScript内置对象Array中元素的删除方法
Mar 08 #Javascript
在JavaScript中遭遇级联表达式陷阱
Mar 08 #Javascript
原型方法的不同写法居然会影响调试的解决方法
Mar 08 #Javascript
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
Mar 08 #Javascript
JS类库Bindows1.3中的内存释放方式分析
Mar 08 #Javascript
You might like
中国收音机工业发展史
2021/03/02 无线电
php生成随机颜色的方法
2014/11/13 PHP
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
Jquery练习之表单验证实现代码
2010/12/14 Javascript
javascript数组去掉重复
2011/05/12 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
Knockout text绑定DOM的使用方法
2013/11/15 Javascript
jquery ajax 局部刷新小案例
2014/02/08 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
jquery采用oop模式class类的使用示例
2016/01/22 Javascript
js判断PC端与移动端跳转
2020/12/24 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
2018/03/14 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
Python实现冒泡,插入,选择排序简单实例
2014/08/18 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
python3.6的venv模块使用详解
2018/08/01 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
python找出因数与质因数的方法
2019/07/25 Python
python设置随机种子实例讲解
2019/09/12 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
Python面向对象实现方法总结
2020/08/12 Python
关于解决iframe标签嵌套问题的解决方法
2020/03/04 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
电子商务毕业生求职信
2013/11/10 职场文书
市场营销专业个人求职信范文
2013/12/14 职场文书
施工资料员的岗位职责
2013/12/22 职场文书
留学自荐信写作方法
2014/01/27 职场文书
白酒市场营销方案
2014/02/25 职场文书
工人先锋号事迹材料(2016精选版)
2016/03/01 职场文书