创建HTML5新标签(IE6~8)

  document.createelement能创建html5的新标签,但动态创建尤其是元素时,还是用innerhtml比较适合。不过ie的innerhtml存在大量的问题,style,link ,script就需要特殊方法去生成。这种方法又将用于我们html5的新元素的创建!见下面例子:

<!doctype html>
<html>
  <head>
    <title>动态创建html5元素 by 司徒正美</title>
    
    <script>
  
      var div = document.createelement("div");

      div.innerhtml = "<section>section</section>";

      alert( div.innerhtml ); // "section</section>" in ie6~ie8

           
    </script>
</head>
<body>
动态创建html5元素 by 司徒正美
</body>
</html>

代码二

<!doctype html>

<html>
  <head>
    <title>动态创建html5元素 by 司徒正美</title>
    
    <script>
  
      var div = document.createelement("div");
        div.innerhtml = "fixie<div>" +"<section>section</section>" +"</div>";
        alert(div.innerhtml );

        alert( div.lastchild.innerhtml );

           
    </script>
</head>
<body>
动态创建html5元素 by 司徒正美
</body>
</html>

时间: 2024-11-02 20:23:24

创建HTML5新标签(IE6~8)的相关文章

HTML5新标签不兼容(IE6/IE7/IE8)怎么办

今天在这里教给大家一个完美解决HTML5新标签不兼容(IE6/IE7/IE8)的方法:        .html5-wrappers{display:none!important;}     您的浏览器禁用了脚本,请查看这里来启用脚本!或者继续访问.      HTML5新标签不兼容(IE6/IE7/IE8)的完美解决方法这是头部这是网站底部!!! 以上就是小编教给大家的:完美解决HTML5新标签不兼容(IE6/IE7/IE8)的方法!(附js文件:html5.rar) 以上是小编为您精心准备的

Html5新标签的使用

Html5对html的标签做了更加语义化的修改,比如增加了<article>,<header>等标签,可以准确的表达文档语义.目前大多数主流浏览器都支持使用这些新标签作为节点,当然,IE系列除外.针对IE,我们可以用一段简单JS创建该节点:     <!--[if IE]><script type="text/javascript">     var ce=document.createElement;     ce('header');

Html5新标签解释及用法

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求. HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站.其中有些是技术上类似 <div> 和

HTML语义化:HTML5新标签——template

一.前言   当我们使用String-base的模板引擎(如Handlebars.js等)时,要么就通过外部文件存放模板文本,需要时再通过XHR或script 标签加载进来:要么通过<script type="text/x-template"></script>等标签直接写在当前页面上.现在HTML5为我们提供了一个全新的 template标签,以更统一.有效的方式存放String-base模板引擎的模板文本了!   目录一坨:  二.那些年我们存放模板文本的方

【HTML5】H5新标签大实例

以下是测试Html5新标签性能的大实例: 首先是效果: 代码: <html> <head> <title>Test</title> </head> <body> <h2>header标签定义文档的页眉(介绍信息)</h2> <header> <h3>Welcome to my homepage</h3> <p>My name is Donald Duck</

《HTML5移动应用开发入门经典》—— 2.1 HTML5中的新标签

2.1 HTML5中的新标签 HTML5移动应用开发入门经典 HTML5为HTML规范加入了一些新的特性,其中最容易理解的就是新的标签.它们过去从未成为HTML的一部分,但现在却是HTML元素了. 2.1.1 新布局标签 大部分新标签被称为"分节"元素,它们为HTML文档的布局及分段提供语义.第9章将更详细地介绍这些标签. 新布局标签如下所示. --文档或站点的一个独立部分. --页面或站点主题之外的内容. --figure元素的标题. --独立于文本流之外的一段流内容(如图形.图表等

win10 edge 浏览器-html问题,Edge浏览器中,target=&amp;amp;quot;_blank&amp;amp;quot;不能创建新标签

问题描述 html问题,Edge浏览器中,target="_blank"不能创建新标签 第一次打开链接可以成功创建一个新标签页,再次打开别的链接时候,并不能创建新标签页,而是覆盖了上一个标签页,在ie,chrome中一切正常,请问原因是什么,如何解决? 解决方案 Link $("a.link").on("click",function(){ window.open('www.techbrood.com','_blank'); });

HTML5 &lt;details&gt; 标签

 HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息. 一般情况下,details用来对显示在页面的内容做进一步骤解释.其展现出来的效果和jQuery手风琴插件差不多. 其大致写法如下: <details> <summary>Google Nexus 6</summary> <p>商品详情:</p> <dl> <dt>屏幕</dt> <

JavaScript检测是否支持CSS3、HTML5新特性的例子

伴随着今年10月底HTML5标准版的发布,未来使用H5的场景会越来越多,这是令web开发者欢欣鼓舞的事情.然而有一个现实我们不得不看清,那就是IE系列浏览器还占有一大部分市场份额,以IE8.9为主,windows8.1的用户已经用上了IE10/11,而考虑我国的国情,IE6.7依然存留不少.在我们放手用HTML5开发的时候,新特性支持度检测就是必不可少的了.一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本,不过这种方式不是很可靠,浏览器