html文档中心

有时候我们需要在Flex应用中嵌入HTML代码，根据嵌入HTML要求的不同有以下三种方法：
1、Flex文本组件（Label、Text、TextArea）的htmlText属性支持一些基本的HTML代码，例如：
<mx:TextArea>
<mx:htmlText>

</mx:htmlText>
</mx:TextArea>
2、我们可以将Flex应用嵌入到HTML页面中，然后通过Flex2中的ExternalInterface(Flex1.5使getURL("javascript.:javascriptMethod"))
    来实现Flex与HTML javascript的相互交互，进一步的，如果要在Flex应用中嵌入完整的HTML呢？
    其实实现的方法很简单，只需要使用HTML的Iframe标签来导入需嵌入的HTML页面，
    然后使用ExternalInterface调用相应的javasript将该Iframe移动到我们Flex页面需要嵌入HTML页面的部分之上就可以了，示意图如下：
    也就是说，我们包含Flex SWF文件的HTML页面主要有三个部分：
1、Flex swf 插件容器，FlexBuilder自动生成 ......

作者:fbysss
msn:jameslastchina@hotmail.com
blog:blog.csdn.net/fbysss
声明：本文由fbysss原创，转载请注明出处
关键字：src属性为空
背景
     基于Spring MVC。
     同事在对一个Controller进行debug的时候，发现页面只有一个刷新请求，而公共入口方法重复进入了4次，而且，每次获得的参数还有所不同，这是为何？
排查
     首先确认，业务请求没有重复提交的可能，仅仅是一次页面刷新。
     页面中的src都是有值的。因为之前发现过类似问题，把src=""去掉就OK了，但没有深入研究为什么是这样。
     有所发现：几个带红叉的图片引起了我的注意，一看src，是测试时随便输入的"aaa" "bbb"等字符串，正好还跟每次不同的参数值一样，在浏览器中右键查看url，是http://www.mysite.com/space/aaa的样子。嘿嘿，这下心里差不多有谱了。
分析
    浏览器解析的时候，采用了相对路径，src="aaa"，相对于当前页面的url http://www.xxxxxxx.com/space，
    项目使用了urlrewriter，http://www.xxxxx ......

<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>span1</span>
<span>span2</span>
<span>span3</span>
</body>
</html>
上面代码的现实效果如下：
div1
div2
div3
span1 span2 span3
可见，div（块元素）是自动占一行的；而span（内联元素）是共占一行的。
块元素和内联元素可以进行转换（通过设置CSS样式中的display属性）
<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div style="display: inline" style="display: inline">div1</div>
<div style="display: inline" style="display: inline">div2</div>
<div style="display: inline" style="display: inline">div3</div>
<span style="display: block" style="display: block">span1</span>
<span style="display: block" style="display: block"& ......

W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。 HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。 HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 <header>, <section>, <footer>, 以及 <figure>。通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML 5 改进了互操作性，并减少了开发成本。属性 HTML 5 中的新属性：contenteditable, contextmenu, draggable, irrelevant, ref, registrationmark, template。 HTML 4.01 中不再支持的属性：accesskey。事件 HTML 5 中的新事件：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。不再支持的 HTML 4.01 属性：onreset。标签 HTML 5中的新标签： <article> 定义article <aside> 定义页面内容之外的内容 <audio> 定义声音内容 <canv ......

js要求：为使系统能在IE和FF下正常运行，不要使用原生态的javascript，建议使用js的库（如：jquery）
        并且要求用jquery中，获取对象的属性使用$obj.attr("attrName"),不要使用obj.attrName,防止自定义的属性在FF中不能正常运行
1、问题：<span></span>在FF下运行不正常
   解决方法：用<div></div>替换
2、现有问题：document.frames[i].document不能在FF下正常运行
   解决方法：window.frames[i].document(IE,FF都可正常运行)
   注意：这并不是说document对象在FF中不能使用，只是针对frames对象不能用document
3、改错：document.body.clientWidth，document.body.clientHeight在IE和FF下都能正常运行
4、判断IE浏览器和FF的JS
   (1)if(navigator.appName.indexOf("Explorer")>-1){}//IE,Opera
   else{}//FF
   (2)if (document.all) {}//IE
   else{}//FF
5、问题：node.firstChild在FF下不能正常运行
   解决方法：用getElmentById("id")替换
6、问题：scroll='no'在FF中玩法 ......

要是弹出窗口变得能被网虫们喜欢，那广告商肯定就发了吧？？呵呵
　　1.弹启一个全屏窗口
<html>
<body onload="window.open('http://www.sdinf.com','example01','fullscreen');">;
<b>www.sdinf.com</b>
</body>
</html>
　　2.弹启一个被F11化后的窗口
<html>
<body onload="window.open(''http://www.sdifn.com','example02','channelmode');">;
<b>www.sdinf.com</b>
</body>
</html>
　　3.弹启一个带有收藏链接工具栏的窗口
<html>
<body onload="window.open('http://www.sdinf.com','example03','width=400,height=300,directories');">
<b>www.sdinf.com</b>
</body>
</html>
　　4.网页对话框
<html>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
<b>www.sdinf.com</b>
</body> ......

在Flex中用Iframe嵌入HTML网页

在Flex中用Iframe嵌入HTML网页

HTML中src=""带来的问题排查解决纪实

HTML中的内联元素与块级元素（inline and block）

了解HTML 5

IE与FF在js、css、html方面的不兼容问题

IE与FF在js、css、html方面的不兼容问题

弹出网页窗口全攻略(html/hta)